https://github.com/devxprite/kbc

Online version of the legendary game show "Kaun Banega Crorepati" (KBC), built using React and Tailwind CSS.
https://github.com/devxprite/kbc

css game javascript kbc kbc-game nodejs quiz react redux tailwind

Last synced: 26 days ago
JSON representation

Online version of the legendary game show "Kaun Banega Crorepati" (KBC), built using React and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/devxprite/kbc
• Owner: devXprite
• Created: 2023-07-26T05:25:07.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-16T09:58:19.000Z (about 2 months ago)
• Last Synced: 2024-09-16T11:35:16.817Z (about 2 months ago)
• Topics: css, game, javascript, kbc, kbc-game, nodejs, quiz, react, redux, tailwind
• Language: JavaScript
• Homepage: https://kbcquiz.vercel.app
• Size: 2.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Kaun Banega Crorepati (KBC) Game

Welcome to the online version of the legendary game show "Kaun Banega Crorepati" (KBC), built using React and Tailwind CSS.

You will be presented with a series of 16 questions. Choose the correct answer from the four options provided (A, B, C, D). You have 40 seconds to answer each question. Use the lifelines wisely to advance through the game.

The goal is to answer all 16 questions correctly and win the grand prize!

### Features:

- **4 Lifelines** to assist you just like on the real show.

- **16 random questions** in each session, ensuring a unique experience every time.

- **40-second countdown** for each question to keep the challenge alive.

- **Responsive design** for seamless gameplay across devices.

- Built-in animation effects using Framer Motion for smooth transitions.

- State management using Redux Toolkit for efficient handling of game logic.

### Lifelines:

To help you progress through the game, there are four lifelines:

1. **Audience Poll:** See the virtual audience's vote for each option.

2. **Phone a Friend:** Consult a trusted friend for advice on the question.

3. **Fifty-Fifty:** Eliminate two incorrect answers to improve your odds.

4. **Flip the Question:** Change the current question for a new one.

## How It Works

- The game begins with a series of **16 questions**.

- You will have **40 seconds** to answer each question.

- Choose the correct answer from the four options (A, B, C, D).

- Use your lifelines wisely to advance through the game and win the grand prize.

- If the timer runs out or you answer incorrectly, the game is over.

## Technologies Used

- **React:** For building the user interface and game logic.

- **Tailwind CSS:** For styling and responsive design.

- **Redux Toolkit:** For managing the game state and user progress.

- **Framer Motion:** For adding animations to enhance the user experience.

- **SASS:** For more flexible and maintainable styles.

## Contributing

Contributions are welcome! Feel free to submit a pull request or report issues.

## License

This project is licensed under the MIT License.