Skip to content

Latest commit

 

History

History
28 lines (22 loc) · 864 Bytes

README.md

File metadata and controls

28 lines (22 loc) · 864 Bytes

Next.js App with chakra-ui and TypeScript

Evelan test task

Please create a Next.js 12 project with a following page /users:

  • The page should show a list of users
  • The list has a pagination
  • At the first view you should see the first 6 items
  • The button: "Load more" should then append the next 6 items and so on
  • If there are no more items to fetch the "Load more" button should be disabled
  • The list of the users should be fetched from this API: https://reqres.in/
  • Please show following props of the user:
    • id
    • email
    • first_name
    • last_name
    • avatar (as an Avatar image)
    • TypeScript should be used as a language here
      • usage of any type is not allowed

The example API URL for the first page is: https://reqres.in/api/users?page=1

Start development mode

npm run dev