A fully interactive word-guessing game built with React and TypeScript, featuring state-driven UI updates and accessibility-focused design.
Deployed with automated CI/CD using GitHub Actions
Assembly Hangman Game is a fully functional browser-based word guessing game built with React and TypeScript.
Developed as part of Scrimba's React and TypeScript curriculum (6+ hours of practical challenges), this project focuses on applying core React principles to build an interactive, state-driven application with clean UI structure and accessibility best practices.
The application demonstrates component-based architecture, real-time UI updates, and structured game logic implementation.
Interactive Hangman game interface with dynamic state updates
- Real-time UI updates powered by React state management
- Structured component-based architecture
- Keyboard-driven letter selection system
- Automated win and loss detection logic
- Accessibility-focused implementation
- Responsive and clean visual layout
- React 18+
- TypeScript 4+
- CSS
- Git & GitHub
- GitHub Actions (CI/CD)
- GitHub Pages (Hosting)
- Node.js (v16 or higher recommended)
git clone https://github.com/Tejasgaware17/React-Typescript-Hangman-Game.git
cd React-Typescript-Hangman-Game
npm install
npm run devThis project uses GitHub Actions for continuous integration and deployment.
Every push to the main branch automatically:
- Installs dependencies
- Builds the production bundle
- Deploys the application to GitHub Pages
This ensures a streamlined and automated deployment workflow.
Through this project, I:
- Strengthened my understanding of React fundamentals (state, props, component structure)
- Applied component-driven architecture principles
- Integrated UI designs into a functional React application
- Implemented accessibility best practices
- Reinforced TypeScript fundamentals within a real-world project
- Improved problem-solving through structured practical challenges