A simple word-guessing game built with React where players must guess a hidden word within 8 attempts before all programming languages are eliminated!.

The goal of this project is to practice React JS.

Let's Try in Live :)

1. Start the Game - A random word is selected and displayed as blanks.

2. Guess Letters - Click on letters to guess the word.

3. Track Progress - Watch as programming languages disappear with wrong guesses.

4. Win or Lose:

   Win: Guess the word before all 8 languages are eliminated. if you win enjoy confetti.

   Lose: Run out of attempts and assembly language reamains.

5. Play Again - Click "New Game" to start fresh!

• Built with React and Vite.

• Interactive word-guessing gameplay.

• Visual feedback for eliminated languages.

• It uses Confetti animation on win using react-confetti.

• The game has Accessibility features (uses aria-labels) and keyboard-friendly.

• Deployable to GitHub Pages.

• Learned how to use React JS Hooks like useState.

• Practiced building Component-based architecture.

• Practiced some CSS Flexbox styling.

• Practiced more CSS flexbox.

View Live :)

Frontend: HTML5 + CSS + React 19.

Build Tool: Vite.

Deployment: GitHub Pages.

Dependencies: clsx, react-confetti.

• ARIA labels for interactive elements.

• Screen reader-friendly status announcements.

• Semantic HTML structure.

coding-game/

├── dist/                 # Production build output (auto-generated)
├── node_modules/         # Installed dependencies (auto-generated)
├── public/               # Public assets (optional, for static files)
├── src/
│   ├── App.jsx           # Main game component and logic
│   ├── index.css         # Global styles
│   ├── index.jsx         # Application entry point
│   ├── languages.js      # Programming languages data
│   ├── utils.js          # Utility functions
│   ├── words.js          # Word list for the game
│   └── assets/           # Static assets (images, icons)
├── index.html            # HTML template
├── package.json          # Project dependencies and scripts
├── README.md             # Project documentation
└── vite.config.js        # Vite configuration

• Node.js (v16 or higher)
• npm or yarn package manager

git clone https://github.com/gmarav05/coding-game.git
cd coding-game

npm install

npm run dev

npm run build

npm run deploy