https://github.com/dimakol/react-word-game-app
A 5-letter word validation game
https://github.com/dimakol/react-word-game-app
css-modules react tanstack-query typescript vite
Last synced: about 1 month ago
JSON representation
A 5-letter word validation game
- Host: GitHub
- URL: https://github.com/dimakol/react-word-game-app
- Owner: dimakol
- License: mit
- Created: 2025-06-21T13:51:04.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-08-10T08:19:32.000Z (10 months ago)
- Last Synced: 2025-08-10T10:13:14.722Z (10 months ago)
- Topics: css-modules, react, tanstack-query, typescript, vite
- Language: TypeScript
- Homepage: https://dimakol.github.io/react-word-game-app/
- Size: 595 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Word Game App
A 5-letter word validation game where user:
- Input letters to form words
- Get real-time visual feedback as he type
- Validate complete words by pressing Enter
- Receive instant feedback on whether words are valid dictionary words
- Can backspace to correct mistakes
## Screenshots
## Tech/framework used
- [ReactJS](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- CSS Modules
- [TanStack Query](https://tanstack.com/query/latest)
- [Vite](https://vite.dev/)
## Features
- Interactive letter input - Click or keyboard input
- Real-time status updates - Visual feedback (empty, correct, incorrect states)
- Dictionary validation - Uses external API to verify real words
- Smart caching - Prevents redundant API calls for previously checked words
- Event-driven architecture - Uses action listeners for input handling
- Responsive design - Works across different input methods
## Installation
**Running Locally**
git, npm and node softwares should be installed before moving on
```bash
git clone https://github.com/dimakol/react-word-game-app.git
cd react-word-game-app
npm install
npm run dev
```
**Building for production**
```bash
npm run build
```
## API Reference
- https://dictionaryapi.dev/ - Free Dictionary API
## Deployed to Github pages
https://dimakol.github.io/react-word-game-app/
## License
(The MIT License)
Copyright © 2025 Dima Kolyas