Project overview
FunnyCode guides learners from course discovery to structured, practical study.
Its feature-oriented frontend combines rich content, commerce, progress tracking, and AI-assisted roadmaps.
E-Learning Platform
2025-2026 Actively maintainedFunnyCode Learning Platform
A Vietnamese e-learning platform that helps learners build programming skills through structured courses, practical lessons, and an AI-assisted learning roadmap.
Lessons organized into clear sections.
Quick Highlights
- Performance / Accessibility
- 95 / 95
- Best Practices
- 100
- SEO
- 100
Lighthouse audit.
Lighthouse audit.
Lighthouse audit.
Objectives
- 01
Structure the learning journey
Guide learners from course discovery to practical lessons.
- 02
Support rich content
Unify video, documents, slides, and exercises.
- 03
Personalize learning
Generate roadmaps from each learner’s goals and skills.
Key features
Course marketplace
Search, compare, and purchase courses.
Multi-format learning content
Study through video, documents, slides, and exercises.
AI-assisted learning roadmap
Build a learning path from personal goals and skills.
Progress and accounts
Track owned courses, progress, points, and certificates.
Challenges and decisions
Complex course structures
Challenge
Courses combine many sections and lesson formats.
Decision
Modeled reusable course structures behind one learning interface.
Content-heavy pages
Challenge
Dynamic data, rich media, and long lessons strained delivery.
Decision
Combined server rendering, focused fetching, and optimized media.
My contribution
- Led the frontend refactor from Next.js 14 to Next.js 16 with PPR.
- Unified the interface with shadcn/ui and Tailwind CSS 4.
- Improved rendering boundaries, client JavaScript, and image delivery.