README.md

Imgur Gallery

An Imgur based app that allows one to browse the Imgur gallery. The lazy-loading of images and infinite scrolling is implemented using the Intersection Observer API.

API: official

https://api.imgur.com/3/gallery/{{section}}/{{sort}}/{{window}}/{{page}}?showViral={{showViral}}&album_previews={{albumPreviews}}

key / value

• section: hot | top | user
• sort: viral | top | time | rising (only available with user section)
• page: integer
• window: day | week | month | year | all

Params

• showViral: Show or hide viral images from the user section. Defaults to true
• album_previews: Include image metadata for gallery posts which are albums

Content

• Show gallery images in a grid of thumbnails and lazy load them
• Show image description in the thumbnail in bottom position
• On clicking an image in the gallery, show its details: big image, title, description, up-votes, down-votes, and score
• Filters:
  • Filter the images based on: hot, top, user
  • Include or exclude viral images from the result set
  • Filter based on a window and sort parameters

Unit Tests

Libraries and Frameworks

External

• Create React App
• Redux Toolkit
• Redux Devtools Extension
• Material-UI
• FontAwesome
• Jest Fetch Mock

Information

Check React-Seed to understand how to build and serve this project as well as how to use SCSS and JS linting.