SkillPath

SkillPath is a responsive course-directory website created for a junior developer technical assignment. The page was designed in Framer, while the dynamic courses section was built as a custom React code component.

Live website

View the published Framer website

Features

• Live course and country API integration
• Independent loading and error handling for both APIs
• Correct regional currency formatting
• Responsive three-, two-, and one-column course grid
• Course search and price sorting
• Skeleton loading states and retry actions
• Conditional refundable badges
• Editable section heading and accent-colour Framer controls

Repository contents

• CoursesSection.tsx - React code component
• SHORT_NOTE.md - project reflection
• ABOUT_AI.md - AI usage disclosure
• SkillPath_AI_Chat_History-1.pdf - exported AI conversation