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.
- 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)
- Clone the repository:
git clone https://github.com/surya-sanity/wordle-clone.git- Install dependencies:
cd wordle-clone
npm install- Start the development server:
npm run dev- Open your browser and navigate to
http://localhost:5173
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.
- Enter a 5-letter word using the on-screen keyboard or your physical keyboard
- Press Enter to submit your guess
- 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
- You have 6 attempts to guess the word
- Use the hint button if you need help
- The word changes daily at midnight
MIT License - feel free to use this project as you wish.