A simple React game built with Vite and TailwindCSS.
THREE6IX is a React-based game where players take turns clicking buttons as part of a fun, interactive challenge. The game logic involves rounds, players, and dynamic UI updates such as score, lives, and interactive modals. It uses Vite for fast development, React for UI, and TailwindCSS for styling.
- React & Vite: Fast and modern development environment.
- TailwindCSS: Utility-first CSS framework for rapid UI development.
- Game Logic: Dynamic handling of rounds, player turns, scoring, and lives.
- Interactive UI: Modal popups on game over and engaging player animations.
three6IX
├── src
│ ├── components
│ │ ├── Footer.jsx
│ │ ├── GameComponent.jsx
│ │ ├── GameParams.jsx
│ │ ├── Header.jsx
│ │ ├── Home.jsx
│ │ ├── HowToPLay.jsx
│ │ ├── Modal.jsx
│ │ ├── PlayerComponents.jsx
│ │ ├── ScoreComponent.jsx
│ │ └── Whistle.jsx
│ ├── store
│ │ ├── GameStore.jsx
│ │ └── LogicStore.jsx
│ ├── utils
│ │ ├── gameFunc.jsx
│ │ └── validate.js
│ ├── App.jsx
│ ├── App.css
│ ├── main.jsx
│ └── index.css
├── index.html
├── vite.config.js
├── package.json
└── README.md
-
Clone the repository:
git clone https://github.com/mmmim24/three6IX.git cd three6IX -
Install dependencies:
npm install
Start the development server with:
npm run devVisit http://localhost:5173 in your browser.
To build the project for production, run:
npm run buildPreview the production build locally:
npm run previewLint your code with:
npm run lintContributions are welcome. Please open an issue or submit a pull request for any improvements or bug fixes.
This project is open source and available under the MIT License.
Built with React, Vite, and TailwindCSS.
This README file covers installation, running, building, linting, and project structure along with a brief overview of the game.