A responsive quiz application. Built using modern React architecture.
Check out the live version:
👉 https://reactjs-kbc-quiz-app.vercel.app/
This application is developed using the following technologies:
- ⚛️ React with functional components and Hooks
- 🎯 Redux Toolkit for global state management
- 🔊 use-sound for lifeline and question audio feedback
- 💅 CSS for responsive design (mobile-first)
- 🚀 Vercel for deployment
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/reactjs-kbc-quiz-app.git cd reactjs-kbc-quiz-app
-
Install dependencies:
npm install
-
Run the development server:
npm start
-
Open in browser: Visit
http://localhost:3000
to start playing the quiz.
- 🎮 Multiple-choice questions inspired by real quiz formats
- 📈 Score-based game progression
- 🎵 Interactive sound effects for questions and actions
- 📱 Responsive design
- ⏱️ Time-limited questions
Questions are adapted and curated from the following publicly available resources:
- https://serialupdates.me
- https://allexamgurublog.com
- https://topessaywriter.org/world-history-multiple-choice-questions-and-answers/
- 🔜 Admin panel for question management
- 🔜 Backend for persistent state
- 🔜 Complete the lifeline feature (50:50, change current question, audience poll, call a friend)
- 🔜 Question randomization from real quiz content
Feel free to fork, contribute, or report issues via the GitHub repository.
Guided by Digital Solutions Master