MCQ Practice Platform
About This Project
A modern web application for students to practice multiple choice questions before exams. Features 5 subject modules with lecture-based organization, interactive quiz system, real-time validation, and detailed explanations.
Technologies Used
Key Features
- ✓6 subject modules: AIN, CSA, OS, PS, ES
- ✓Lecture-based organization with progress tracking
- ✓Interactive quiz system with single/multiple choice questions
- ✓Real-time answer validation with immediate feedback
- ✓Detailed explanations for each answer
- ✓Progress tracking per module and lecture
- ✓Score calculation and results summary
- ✓Modern UI with shadcn/ui components
- ✓Clean responsive design with light theme
- ✓Exam-style questions based on past papers
Technical Architecture
framework
Next.js 15 with App Router
language
TypeScript
styling
Tailwind CSS
ui
shadcn/ui components
icons
Lucide React
state
React useState/useEffect hooks
deployment
Vercel
Challenges Faced
- ⚠Organizing complex question data structure
- ⚠Implementing efficient quiz state management
- ⚠Creating intuitive module and lecture navigation
- ⚠Designing responsive card-based layout
- ⚠Implementing real-time answer validation
- ⚠Ensuring accessibility and user experience
Achievements
- ✓Comprehensive MCQ practice platform
- ✓5 subject modules with multiple lectures
- ✓Modern shadcn/ui design implementation
- ✓Interactive quiz with detailed explanations
- ✓Production deployment on Vercel
- ✓Educational tool for exam preparation
Get in touch
Vehan Rajintha
Full-Stack Developer
Designed & Built by Vehan Rajintha
© 2025, All rights reserved.
MCQ Practice Platform
About This Project
A modern web application for students to practice multiple choice questions before exams. Features 5 subject modules with lecture-based organization, interactive quiz system, real-time validation, and detailed explanations.
Technologies Used
Key Features
- ✓6 subject modules: AIN, CSA, OS, PS, ES
- ✓Lecture-based organization with progress tracking
- ✓Interactive quiz system with single/multiple choice questions
- ✓Real-time answer validation with immediate feedback
- ✓Detailed explanations for each answer
- ✓Progress tracking per module and lecture
- ✓Score calculation and results summary
- ✓Modern UI with shadcn/ui components
- ✓Clean responsive design with light theme
- ✓Exam-style questions based on past papers
Technical Architecture
framework
Next.js 15 with App Router
language
TypeScript
styling
Tailwind CSS
ui
shadcn/ui components
icons
Lucide React
state
React useState/useEffect hooks
deployment
Vercel
Challenges Faced
- ⚠Organizing complex question data structure
- ⚠Implementing efficient quiz state management
- ⚠Creating intuitive module and lecture navigation
- ⚠Designing responsive card-based layout
- ⚠Implementing real-time answer validation
- ⚠Ensuring accessibility and user experience
Achievements
- ✓Comprehensive MCQ practice platform
- ✓5 subject modules with multiple lectures
- ✓Modern shadcn/ui design implementation
- ✓Interactive quiz with detailed explanations
- ✓Production deployment on Vercel
- ✓Educational tool for exam preparation
Contributions
