yabtaour / opendeved-wordle

OpenDevEd-Wordle

Requirements:

Your task is to create a web-based Wordle game using React that adheres to the following specifications:

User Interface (UI):

Design a clean and intuitive UI for the game that includes:

• Input field for guessing words.
• Submit button to submit the guess.
• Display area for previous guesses. = Indication of correct letters in correct positions (right letter, right position).
• Indication of correct letters in the wrong position.
• Display remaining attempts.
• End game state UI (upon winning or losing).

State Management:

Implement a robust state management system to handle:

• Target word selection (randomly generate a word at the start of the game).
• Storing user guesses and their results.
• Tracking remaining attempts.

User Interaction:

• Capture user input for word guesses.
• Validate input (alphabetic characters, word length, etc.).
• Handle the submission of guesses and update the game state accordingly.

Game Logic:

• Compare the user's guessed word against the target word.
• Provide feedback to the user about the correctness of the guessed word.
• End the game when the correct word is guessed or when the attempts reach zero.

Code Quality:

• Write clean, readable, and maintainable code.
• Implement best practices for React development.
• Ensure error handling for edge cases (invalid input, unexpected behavior).

Submission Guidelines:

• Fork this repository) and create a new branch named wordle-[YOUR NAME].
• Provide clear instructions on how to run the application locally.
• Include a README file explaining your approach, decisions made, and any additional features implemented.
• Open a PR.

Evaluation Criteria:

• UI/UX design and functionality.
• Code quality, structure, and maintainability.
• State management and logic implementation.
• Handling of edge cases and error scenarios.
• Bonus points for additional features or optimizations.