Next.jsBetterAuthTailwind CSSDaisyUIGoogle OAuthSwiper.js

NexLearn

Brief Description

NexLearn is a premium online education system built to empower instructors and students. Teachers construct comprehensive course syllabus steps with video resources, while students purchase access, track lecture completeness progress, and receive customized achievement metrics.

Main Technology Stack

Next.jsBetterAuthTailwind CSSDaisyUIGoogle OAuthSwiper.js

Project Links

Live Project GitHub (Client)

Challenges Faced

1
Optimizing dynamic swiper carousels to prevent cumulative layout shift (CLS) during server-side initial rendering.
2
Constructing protected route middleware guards that correctly differentiate between course creators and learners.

Potential Improvements & Future Plans

✦
Integrating dynamic certificates using automatic PDF rendering templates upon course graduation.
✦
Building interactive student-to-teacher homework boards for active feedback cycles.

Back to all projects