Overview
Built primarily for educational purposes, this frontend organizes basic engineering courses so both theoretical and practical knowledge are presented side by side, rather than as separate, disconnected sections.
Brief Description
The app fetches its content from a custom JSON API, where course and instructor data can be added directly through the API rather than hardcoded into the frontend. On top of that, it handles user authentication and a course purchase flow, so users can register, browse the catalogue, and "buy" a course — with course performance data visualized using Recharts.
Challenges Faced
Designing a custom JSON API structure that could represent the relationship between courses and instructors cleanly — without hardcoding assumptions into the frontend — took a few iterations. Keeping the UI in sync whenever the underlying course data changed, and building a believable purchase flow without a dedicated payments backend, were the other two recurring challenges.
Potential Improvements & Future Plans
Future plans include moving from a static JSON API to a real database-backed service, adding per-user progress tracking through each course, introducing quizzes and completion certificates, and wiring in an actual payment gateway for the purchase flow.