Build a simplified Wordle game in React

Problem: Implement a simplified Wordle in React

Build a small Wordle-like game UI using React.

Requirements

• The game chooses a single answer word by fetching it from an HTTP endpoint:
  • The endpoint URL is obtained from Question 1 (treat it as given here).
  • Assume the endpoint returns a JSON payload containing the answer word (e.g., { "answer": "react" } ) or a plain text word (state your assumption in code).
• The answer word length is fixed (commonly 5), and the player has a fixed number of attempts (commonly 6).

Gameplay

• The player enters guesses one row at a time.
• On submitting a guess:
  • If the guess length is not exactly the answer length, show an error or ignore submission.
  • Otherwise compute per-letter feedback:
    • Correct : letter is in the correct position.
    • Present : letter exists in the answer but in a different position.
    • Absent : letter not in the answer.
  • Handle duplicate letters correctly (Wordle-style counting).
• End conditions:
  • If the guess equals the answer → player wins, stop accepting further input.
  • If attempts are exhausted → player loses, reveal the answer.

UI expectations (flexible, but must be testable)

• Render a grid of attempts × word length.
• Render current typing state and committed guesses.
• Provide either:
  • an on-screen keyboard, or
  • capture physical keyboard input (letters, Backspace, Enter).

Deliverable

Implement the React component(s) and supporting logic so the game works end-to-end (fetch answer → play rounds → render feedback).

Notes

• You may use React hooks ( useState , useEffect , etc.).
• No need for styling beyond what is required for functional rendering.