Assembly: Endgame 🧩

A React-based word guessing game. The project challenges players to guess a hidden word while trying to keep the programming languages alive.

This implementation focuses on clean component-based architecture, React state management, memoization, and an interactive user experience.

Features

• 🎯 Interactive word-guessing gameplay
• ⌨️ Keyboard-based letter selection
• ❤️ Limited attempts with visual feedback
• 💀 Programming languages are eliminated as incorrect guesses are made
• 🏆 Win and lose game states
• 🎉 Confetti animation when the player wins
• 🔄 Option to start a new game
• 📱 Responsive and clean user interface
• 🧩 Modular component-based structure

Tech Stack

• React
• JavaScript
• HTML
• CSS
• pnpm — Package manager
• React Hooks
• React Confetti — Win-state celebration
• GitHub Pages — Deployment

Project Structure

The application is organized into separate, reusable components to keep the codebase clean and maintainable.

src/
├── components/
│   ├── App.jsx
│   └── ...
├── index.css
└── main.jsx

Each component has a focused responsibility, making the application easier to understand, maintain, and extend.

Installation

Clone the repository:

git clone https://github.com/prathmyx/AssemblyEndgame.git

Navigate to the project:

cd AssemblyEndgame

Install dependencies:

pnpm install

Start the development server:

pnpm dev

Build

Create a production build:

pnpm build

Preview the production build:

pnpm preview

Live Demo

🚀 Play Assembly: Endgame: https://prathmyx.github.io/AssemblyEndgame/

Inspiration

This project is my implementation of Assembly: Endgame, a project from the Scrimba React course.

The project was built as part of my continued learning and practice with React, with additional focus on writing clean, modular, and maintainable code.

License

This project was created for educational and learning purposes.