Quiz Game App w/ React, Vite, ESLint & Tailwind
About
This React Quiz Game is a quiz application that draws inspiration from "The 1% Club" game show, merging the challenges of trivia with the flexibility of modern web technology. The application is developed using React, Vite, ESLint, and Tailwind CSS, aiming to create a smooth and user-friendly experience. Unlike the traditional format of "The 1% Club," this quiz offers players four answer choices for each question, adding more strategic thinking and decision-making elements to the game.
Inspiration
The central source of inspiration for this game is "The 1% Club," a quiz show known for its intriguing and challenging questions. The unique feature of this application is the introduction of multiple-choice questions, providing players with a more guided and immersive participation in the quizzes. This approach seeks to make the game more approachable and enjoyable for a diverse audience, from casual players to passionate trivia enthusiasts.
Project Setup
Follow these instructions to set up and run the application locally:
1. Navigate to the Project Directory: To begin setting up the application, first navigate to the project's main directory with the following command:
cd frontend
This ensures that you are in the right directory before proceeding with the setup.
2. Install Dependencies: Next, install all the necessary dependencies. You can do this by running the command:
npm install
This command downloads and installs all dependencies defined in the package.json file.
3. Start the Development Server: Finally, you can launch the development server by running:
npm run dev
After executing this command, the application will be up and running, accessible in your browser (usually at http://localhost:3000).
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
