Quiz App
A quiz platform with authentication, guided quiz flow, and database-backed content management.
Challenge
Turn a quiz concept into a complete product flow with authentication, structured content, and meaningful results handling instead of a one-screen prototype.
What I owned
Built across both frontend and backend layers, including page states, auth integration, database-backed models, and quiz-related API work.
Outcome
Shipped a more complete quiz experience that demonstrates I can connect UI flow, backend structure, and deployment-ready application logic.
Visual walkthrough
Screens, flow, and feel.
Desktop layout
Highlights
- Implemented home, summary, quiz, and results states for a guided user experience.
- Integrated Clerk authentication and Prisma-backed data modeling, migrations, and backend setup.
- Added API routes and quiz-related data handling for article-driven content.
Architecture
The app uses Next.js and TypeScript on the frontend, with Clerk for authentication and Prisma with PostgreSQL for data modeling and backend persistence.
Lessons learned
- Even a smaller full-stack app becomes much clearer when the user journey is defined before individual pages are built.
- Authentication and data modeling decisions shape the whole product, so wiring them in early prevents a lot of rework later.
- Results and summary states matter because they turn a simple interaction into a more complete product loop.
Process
Step 1
Designed the app around the full quiz journey so users had a clear path from entry to completion rather than isolated pages.
Step 2
Connected Clerk authentication and Prisma models early so the product structure could support real users and real content from the start.
Step 3
Added backend routes and content handling to support article-driven quiz data and keep the frontend states tied to usable application data.
More Projects
Frontend Developer | 2026
Galexora
A cinematic space exploration site designed to prove strong frontend storytelling, section architecture, and polished interaction work.
Full-stack Developer | 2026
Sign Language Web
A team-built sign language platform in a shared monorepo with live ASL and MNSL detection, practice flows, and admin-managed vocabulary.