Skip to content

Instantly share code, notes, and snippets.

@atamocius

atamocius/challenge-infinite-scroll.md

Last active January 14, 2020 11:09
Show Gist options
  • Save atamocius/5bdc39691563eda19a743eaf38514f42 to your computer and use it in GitHub Desktop.
Save atamocius/5bdc39691563eda19a743eaf38514f42 to your computer and use it in GitHub Desktop.
Download ZIP
Coding Challenge: Infinite Scroll
Raw
challenge-infinite-scroll.md

Coding Challenge: Infinite Scroll

Create a React app that demonstrates infinite scrolling.

react-infinite-scroll 1

Setup

  • Use Git to track code changes.
  • Push your code to GitHub as a private repo.
  • Add me as a collaborator to the repo.

Requirements

  • Use create-react-app to scaffold the project.
  • Do not use 3rd-party libraries/components.
  • Display a list of users, showing their fullname and their cellphone number.
  • Upon reaching the bottom of the list when scrolling, load and append a fresh batch of users.
  • Get your data from randomuser.me
  • Pull data 20 users at a time.
  • Try to replicate the UI design as faithful to the mockup/screenshot as possible (see screenshot below).

Screenshot

react-infinite-scroll

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment