A production-ready MCQ web application designed for frontend interview preparation, featuring 700+ curated questions across HTML, CSS, JavaScript, TypeScript, and Angular.
This project is a fully functional quiz platform that helps developers practice, test, and strengthen core frontend concepts. It includes structured questions, real-world scenarios, and interactive features for an engaging learning experience.
Screenshots:
- ✅ 700+ curated MCQs across multiple technologies
- ✅ Category-wise question organization
- ✅ Interactive quiz interface
- ✅ Real-time answer selection
- ✅ Score tracking system
- ✅ Clean and responsive UI
- ✅ Covers beginner → advanced concepts
- ✅ Scenario-based and interview-focused questions
- HTML
- CSS
- JavaScript
- TypeScript
- Angular (Core + Advanced Concepts)
- Frontend: Angular
- Language: TypeScript
- UI: HTML, CSS
- Data: JSON-based question dataset
project-root/
│
|---public/
| |---questions.json
├── src/
│ ├── app/
│ │ ├── components/
│ │ ├── services/
│ │ └── models/
│ │
│ |
│ │
│ └── index.html
│
└── README.md
- Clone the repository:
https://github.com/Tejkumar-hacker/quizz-app.git
- Navigate to project folder:
cd your-repo-name
- Install dependencies:
npm install
- Run the application:
ng serve
- Open in browser:
http://localhost:4200
- 📚 Frontend interview preparation
- 🧪 Self-assessment and practice
- 🎓 Learning Angular and TypeScript concepts
- 💼 Portfolio project demonstration
- Built with scalable architecture
- Covers real-world interview scenarios
- Designed for performance and usability
- Structured for easy extension and maintenance
- Timer-based quiz mode
- Leaderboard system
- Authentication & user progress tracking
- Backend integration (API)
- Dark mode UI
Contributions are welcome! Feel free to fork the repo and submit a pull request.
If you have feedback or suggestions, feel free to connect.
If you found this project helpful, consider giving it a ⭐ on GitHub!