A quiz-taking platform that fetches questions from Open Trivia DB and allows users to customize their quiz experience.
Features • Tech Stack • Installation • Contributing • Screenshots • Live • Author
- 🏆 Customizable Quiz Settings - Select category, difficulty, type, and number of questions.
- ✅ Answer Validation - Check answers and receive an instant score.
- 🎉 Confetti Animation - Celebrate perfect scores with a visual effect.
- 🌗 Dark/Light Mode - Toggle between themes, with preferences stored in
localStorage. - 📱 Fully Responsive - Adapts to different screen sizes seamlessly.
- 🎨 Smooth Animations - Enhanced user experience with fluid animations.
- React - UI component development
- Vite - Fast build tool and development server
- Nano ID - Unique ID generation
- HTML-Entities - Decode HTML entities in questions
- React-Use - Custom React hooks
- React-Confetti - Celebration animation
-
Clone the repository
git clone https://github.com/your-username/quizzme.git cd quizzme -
Install dependencies
npm install
-
Start the development server
npm run dev
The application will be accessible at
http://localhost:5173.
Contributions are welcome! Here's how you can help improve QuizzMe!:
-
Fork the repository
-
Create a feature branch:
git checkout -b feature/amazing-feature
-
Commit your changes:
git commit -m 'Add some amazing feature' -
Push to the branch:
git push origin feature/amazing-feature
-
Open a Pull Request
Perfect-Answers-New.mp4
Landing-Animation.mp4
Theme-Switching-2.mp4
Theme-Switching-New.mp4
Questions-Animation.mp4
Questions-Hover-Animation-1.mp4
Questions-Hover-Animation-2.mp4
|
|
|
|
|
|
- Portfolio: ashwin-s-nambiar.is-a.dev
- GitHub: @Ashwin-S-Nambiar
Made with ❤️ by Ashwin S Nambiar