https://github.com/surya-sanity/wordle-clone
A React-based Wordle clone with daily challenges, hint system, and responsive design. Built with TypeScript and modern React practices. Features include game state persistence, keyboard support, and smooth animations.
https://github.com/surya-sanity/wordle-clone
css-animations daily-challenge localstorage puzzle-game react react-hooks typescript vite wordle wordle-clone wordle-game
Last synced: 7 months ago
JSON representation
A React-based Wordle clone with daily challenges, hint system, and responsive design. Built with TypeScript and modern React practices. Features include game state persistence, keyboard support, and smooth animations.
- Host: GitHub
- URL: https://github.com/surya-sanity/wordle-clone
- Owner: surya-sanity
- Created: 2025-03-30T14:25:30.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-30T15:06:59.000Z (7 months ago)
- Last Synced: 2025-03-30T15:31:12.007Z (7 months ago)
- Topics: css-animations, daily-challenge, localstorage, puzzle-game, react, react-hooks, typescript, vite, wordle, wordle-clone, wordle-game
- Language: TypeScript
- Homepage: https://wordle-clone-sanity.vercel.app/
- Size: 43.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wordle Clone
A simple implementation of the popular word-guessing game Wordle, built with React and TypeScript. This project focuses on core functionality while maintaining a minimalistic design.
## Features
- Daily word challenge (same word for everyone on the same day)
- 6 attempts to guess the 5-letter word
- Color-coded feedback:
- Green: Correct letter in correct position
- Yellow: Correct letter in wrong position
- Gray: Letter not in the word
- Hint system to help players
- Game state persistence using localStorage
- Responsive design for both desktop and mobile
- Keyboard support (physical and on-screen)
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/surya-sanity/wordle-clone.git
```
2. Install dependencies:
```bash
cd wordle-clone
npm install
```
3. Start the development server:
```bash
npm run dev
```
4. Open your browser and navigate to `http://localhost:5173`
## Note on Styling
This project focuses primarily on functionality rather than extensive styling. While the core game mechanics are fully implemented, the visual design is intentionally kept simple and minimalistic. The styling is basic but functional, ensuring the game is playable and responsive across different devices.
## How to Play
1. Enter a 5-letter word using the on-screen keyboard or your physical keyboard
2. Press Enter to submit your guess
3. Use the color feedback to guide your next guess:
- Green tiles: Correct letter, correct position
- Yellow tiles: Correct letter, wrong position
- Gray tiles: Letter not in the word
4. You have 6 attempts to guess the word
5. Use the hint button if you need help
6. The word changes daily at midnight
## License
MIT License - feel free to use this project as you wish.