Skip to content

Open to freelance projects and CDI opportunities

Mohamed.

Web app · Education

QuickQuiz

Timed quizzes, practice mode and progress tracking for people learning web development.

QuickQuiz hero

Context

Learning a stack is easier when progress is visible. The product needed both a focused quiz experience and an admin side that can actually manage content.

Objective

Build a quiz product people can use to test themselves, and that an admin can operate without touching the database.

Solution

A React frontend with a Node.js, Express and MongoDB backend. Users get timed and practice modes, results, badges and a leaderboard. Admins manage the question bank, themes and users, and can export data. JWT handles authentication. The UI is prepared for desktop and mobile.

Product

QuickQuiz is a quiz platform for web development. Users take timed quizzes or practice without pressure, then follow their history, badges and a leaderboard. Admins manage quizzes, questions, themes, difficulty and users, with analytics and data export. The question bank covers frontend, backend, databases and DevOps. The application is Dockerized and deployed.

QuickQuiz — Login
Login
QuickQuiz — Register
Register
QuickQuiz — User Dashboard
User Dashboard
QuickQuiz — Admin Add Question
Admin Add Question
QuickQuiz — Admin Add Quiz
Admin Add Quiz
QuickQuiz — Admin Quiz
Admin Quiz
QuickQuiz — Admin Thems
Admin Thems
QuickQuiz — Badges
Badges
QuickQuiz — Choose Quiz
Choose Quiz
QuickQuiz — Export
Export
QuickQuiz — Practice Mode
Practice Mode
QuickQuiz — Quiz
Quiz
QuickQuiz — Result
Result
QuickQuiz — Mobile User Dashboard
Mobile User Dashboard
QuickQuiz — Mobile Quiz
Mobile Quiz

Key capabilities

  • Timed quizzes
  • Practice mode
  • Progress & badges
  • Leaderboard
  • Admin content panel
  • Data export

Technology

React · Tailwind CSS · Node.js · Express · MongoDB · Docker

Outcome

A complete quiz product with learner and admin spaces, including a mobile-ready interface and a deployed instance.

Next

TACWE Consulting

Bilingual corporate site for TACWE — engineering and technical integration for industry, energy and automation in Morocco.

View project
TACWE Consulting

Have a similar project in mind?