Wordle Game
An enhanced version of the popular Wordle game built with React.
Features
- Wordle gameplay with visual keyboard
- Mobile and desktop compatible
- Modern UI with Tailwind CSS
- Light and dark mode support
- Customizable gameplay options
- Accessibility features
- Responsive design for all devices
- Animated tile responses
- Interactive visual feedback
Setup Instructions
- Clone the repository
- Run
npm install
to install dependencies
- Run
npm run dev
to start the development server
Technologies Used
- React
- React Router
- Tailwind CSS
- CSS Animations
- Local Storage for preferences
How to Contribute
- Fork the Repository: Click on the 'Fork' button at the top right of this repository page to create a copy under your GitHub account.
- Clone Your Fork: Use the command
git clone <your-fork-url>
to clone your forked repository to your local machine.
- Create a Branch: Navigate to your project directory and create a new branch for your feature or bug fix using
git checkout -b <branch-name>
.
- Make Changes: Implement your changes or additions.
- Commit Your Changes: Stage your changes with
git add .
and commit them with git commit -m "Description of changes"
.
- Push to GitHub: Push your changes to your fork using
git push origin <branch-name>
.
- Create a Pull Request: Go to the original repository and click on 'New Pull Request' to submit your changes for review.
Wordle is a word puzzle game where players have six attempts to guess a five-letter word. After each guess, the color of the tiles will change to show how close your guess was to the word.
- Green: Correct letter in the correct position.
- Yellow: Correct letter in the wrong position.
- Gray: Incorrect letter.
Running the Game Locally
To run the game on your local machine, follow these steps:
- Clone the Repository:
git clone <repository-url>
- Navigate to the Project Directory:
cd Wordle
- Install Dependencies:
npm install
- Start the Development Server:
npm run dev
Ensure you have Node.js and npm installed on your machine. You can download them from Node.js official website.
Gameplay Options
The game includes several customization options:
- Toggle between light and dark mode based on your preference
- Enable on-screen keyboard only mode for touch devices
- Additional settings accessible through the settings menu