Sobes.tech
Junior — Middle+

React component for displaying a list of users

livecode

Task condition

  1. Fetch an array of users from the endpoint https://jsonplaceholder.typicode.com/users.
  2. Display their email addresses as a list (<ul>).
  3. When clicking on an email, open a modal window (<dialog>).
  4. Inside the modal window, place:
    • A header with the user's full name (<header>).
    • A section with detailed information (<section>).
    • A close button in the footer (<footer>).
  5. In the main part of the modal window, display the user's data:
    • email
    • username
    • full address (all fields from the address object).