SkillNest - Course marketplace and interactive learning platform
Education Application
SkillNest - Course marketplace and interactive learning platform is a education application concept focused on course discovery, lesson playback, quizzes, coding exercises, learning streaks, and mentor communication. I created it as a portfolio-ready case study to show how I translate domain knowledge into practical product flows, polished UI states, and responsive interfaces.
- Stack
- Next.js
- React
- TypeScript
- SASS
- Node.js
- PostgreSQL
Project Purpose and Goal
The goal was to design an end-to-end experience around finding a course, watching lessons, taking notes, submitting exercises, checking progress, and messaging mentors. I focused on making the most important decisions visible, reducing friction in critical steps, and keeping the product approachable for both first-time and returning users.
Web Stack and Explanation
The implementation plan centers on modular React components, typed domain models, reusable form patterns, and responsive layouts. The technical focus is lesson state persistence, quiz scoring, interactive exercise feedback, progress tracking, and accessible media controls.
Problems and Thought Process
The main challenge was balancing domain-specific complexity with a simple interface. I handled it by prioritizing user intent, grouping related actions, and designing empty, loading, error, and success states as part of the core experience.
Lessons Learned
This project reinforced my habit of learning the business model before designing the UI. Strong frontend work is not only about components; it is also about understanding what decisions the product helps users make.
Want to work together?
Feel free to reach out if you're looking for a developer, have a question, or just want to connect
oaivyftu@gmail.comThis website is made with coffee and milk tea by Vincent Le.