The projects acheives the following objectives:

  • Fetch 10 random photos with an infinite scroll
  • On clicking the User Info section, the application will redirect to that user’s profile page.
  • Give an option to switch to the list view.
  • Cache the API response for a certain amount of time after the initial load.
  • Handle all loading/empty/error states for all the cases
  • Follow a standard well defined folder structure.
  • Make the UI responsive and mobile friendly.
  • Use native css.
  • Lazyload all images that are outside of the viewport. (Nextjs does this by default)
  • Use blurhash placeholder technique for images.