Browser game which displays a grid of symbols/characters and the user has to select the odd-one-out before the time runs out.
Built using ShadCN, TailwindCSS, Vite, and React. Uses local storage APIs for all leaderboard entries.
- Board starts as a 5x5 grid with 1 random tile being the odd-one-out.
- You have until the time runs out to click on the tile with the unique symbol.
- Every round the starting time (10 seconds) decreases by 0.1 seconds, until it reaches 0.5 seconds.
- Every 5 rounds, the grid size increases by 1 (Max: 10x10)
- Game ends when the time runs out or an incorrect tile is selected. Score is rounds completed.
- Install Yarn version 3.6.3 if you haven't already
- Clone this repo
# https
https://github.com/Trifall/odd-one-out.git
# or ssh
git@github.com:Trifall/odd-one-out.git
- Install dependencies
yarn install
- Run development server
yarn dev
- Compile build
yarn build
- Add game rules / description
- dropdown collapsible component (?)
- Add local storage
- Add scoreboard
- [-] Refactor to modularized components
- Stats card
- Scoreboard Game View
- Start Game View
- Active Game View
- End Game View
- Could change gamestate to one state object instead of multiple useState hooks
- Mobile friendly
- Make sure default values are correct