nidabaci / Imgur-Gallery-Frontend-Challange

This project is a responsive web application that consumes the Imgur API to display gallery images in a grid of thumbnails. The user can select the gallery section from hot, top, and user, and can include or exclude viral images from the result set.

Home Page:https://calm-genie-c310dd.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Imgur Gallery Challange 🖼

Introduction

This project is a responsive web application that consumes the Imgur API to display gallery images in a grid of thumbnails. The user can select the gallery section from hot, top, and user, and can include or exclude viral images from the result set. Additionally, the user can specify window and sort parameters.

When a user clicks on an image, the application shows its details such as the big image, title, description, upvotes, downvotes, score and much more. The Imgur API documentation was consulted to develop this project. It also has pagination.

ScreenShot

Figma Design Link

🔗Click here to see the design

Demo

🔗Click Here to see demo

Usage

To start the server, run the following command:

[ npm run dev ]

Then open the network URL from the console.

Built With

  • Vite - Build tool
  • React - JavaScript library for building user interfaces
  • Redux - State management tool
  • SASS - CSS extension language
  • Tailwind - CSS framework

References

Imgur API Documentation (https://apidocs.imgur.com/)

About

This project is a responsive web application that consumes the Imgur API to display gallery images in a grid of thumbnails. The user can select the gallery section from hot, top, and user, and can include or exclude viral images from the result set.

https://calm-genie-c310dd.netlify.app/


Languages

Language:TypeScript 74.4%Language:SCSS 15.1%Language:JavaScript 6.0%Language:HTML 2.5%Language:CSS 2.0%