The product
Learning Hub brings course creation, learner progress, discussions, and quiz generation into one application. It was built as a complete product exercise rather than a collection of disconnected UI screens.
Core workflows
- Course and lesson authoring for structured learning content.
- Learner dashboards with progress visibility and completion state.
- Discussion features around course material.
- AI-assisted quiz generation with application-controlled output handling.
Data and testing
The application uses a relational data model through Prisma and PostgreSQL. Deterministic seed data makes local and test environments reproducible, while nine test suites cover the workflows most likely to regress as the product changes.
Design decisions
- The AI feature is contained inside a defined quiz workflow rather than presented as a general-purpose chat box.
- Course structure and progress remain deterministic application data.
- The interface prioritizes readable learning content and clear task state over dashboard density.
Result
The project demonstrates a complete product loop: schema design, user workflows, AI integration, automated testing, responsive interface work, and live deployment.
Technology
- Next.js 15
- TypeScript
- Prisma
- PostgreSQL
- Tailwind CSS
- Vitest
Last updated