DEV Community

Ritish Saini
Ritish Saini

Posted on

How I Built a Full Quiz App with Leaderboard and Timer

๐Ÿง  QuizNest โ€“ AI Quiz App
An advanced, full-stack AI-powered Quiz App built with the MERN Stack that enables users to take intelligent quizzes, generate questions via AI, track performance, and enjoy gamified elements like achievements and leaderboards. Premium users get access to exclusive features such as insights, advanced theming, and live battles.

๐ŸŒ Live Demo
๐ŸŒ Github

๐Ÿš€ Features
๐Ÿ” Authentication
Google OAuth & JWT-based secure login
Role-based access (User, Premium, Admin)
๐Ÿง  AI-Powered Quiz Generation
Automatically generate MCQs & written questions
AI assigns duration, marks, and evaluates written answers using NLP
Adaptive difficulty: beginners get easier questions, advanced users get harder ones
๐Ÿค– Intelligence Dashboard (Premium Feature) โœ…
Smart Quiz Recommendations: AI-powered quiz suggestions based on performance, favorite categories, and learning patterns
Adaptive Difficulty System: Dynamic difficulty adjustment based on recent performance with confidence scoring
Learning Analytics: Comprehensive performance insights with trends, predictions, and personalized study recommendations
Performance Trends: Visual weekly performance tracking with interactive charts
Next Quiz Predictions: AI predicts expected performance on upcoming quizzes
Personalized Study Tips: Custom recommendations for optimal study times and improvement areas
๐Ÿ“Š Reports & Analytics
Quiz history and detailed performance reports
Real-time feedback and score analytics
๐Ÿ† Gamification
Achievements System โœ…

Earn badges like โ€œQuiz Master,โ€ โ€œSpeed Genius,โ€ and โ€œPerfect Scoreโ€
View badges and stats in user profile
Leaderboards

Weekly and monthly top scorers
Promotes user engagement and competition
โš”๏ธ Live Quiz Battles (In Progress)
Challenge other users in real-time quiz duels
See your opponent's live progress (coming soon)
๐ŸŽจ UI/UX Enhancements โœ…
Advanced Theme Selector for Light/Dark/custom modes
Mobile Navigation Bar for improved phone/tablet usability
Enhanced Dashboard UI with upgraded design and data visualization
New Test Page for better quiz flow and feedback
Consistent design system and polished UI across all screens
๐Ÿ’ณ Subscription Plans
Free Plan: Limited quizzes, core features
Premium Plan: Unlimited access, AI insights, Intelligence Dashboard, achievements, and future battle mode
๐Ÿ›ก๏ธ Admin Panel
A powerful admin dashboard providing full control of platform operations:

๐Ÿ” Monitor user activity and quiz submissions
๐Ÿงฉ Add/Edit/Delete quizzes and questions
๐Ÿ‘ฅ Manage users: roles, status, analytics
๐Ÿ“ˆ Real-time insights and platform stats
๐Ÿ› ๏ธ Tech Stack
Frontend: React, CSS, Vite
Backend: Node.js, Express.js, MongoDB
AI Integration: Together AI, Google Gemini API
Authentication: JWT, Google OAuth
Deployment: Render

Top comments (2)

Collapse
 
ritish_saini_94e2916cfeab profile image
Ritish Saini

try it please , would be very helpful

Some comments may only be visible to logged-in visitors. Sign in to view all comments.