https://github.com/divyansh0811/image-gallery-app-reactjs

An online market of Images built using ReactJS where users can type in the Keywords for which you want the image, see details about it, download it directly from the App.
https://github.com/divyansh0811/image-gallery-app-reactjs

axios css debouncing javascript react unsplash-api

Last synced: about 1 month ago
JSON representation

An online market of Images built using ReactJS where users can type in the Keywords for which you want the image, see details about it, download it directly from the App.

• Host: GitHub
• URL: https://github.com/divyansh0811/image-gallery-app-reactjs
• Owner: Divyansh0811
• Created: 2022-05-11T09:27:44.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-05-15T07:12:15.000Z (about 4 years ago)
• Last Synced: 2025-06-17T03:42:04.102Z (12 months ago)
• Topics: axios, css, debouncing, javascript, react, unsplash-api
• Language: JavaScript
• Homepage:
• Size: 322 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# ImageMart

An online market of Images! Type in the Keywords for which you want the image, see details about it, download it directly from the App.

## Features:

 - App displays the list of image thumbnails with the name of the user and likes counts. This data comes from the Unsplash List Photos API.

 - Option to search photos using keywords at the top.

 - Typing anything in the search bar updates the page view with the image search results in real-time.

 - On clicking any photo in the above list, it displays the actual image in a popup modal, download option, users profile page, views on the image, downloads on the image, and tags

## Results:

### Dashboard:

![image](https://user-images.githubusercontent.com/69900562/168461499-abff6a57-23e8-4ff8-b520-6d79d648b1d8.png)

### Searching Images:

![image](https://user-images.githubusercontent.com/69900562/168461510-e77aee08-130a-4eed-8141-9a71d7045cc7.png)

### Details Modal:

![image](https://user-images.githubusercontent.com/69900562/168461530-7b48d241-0264-41bf-b529-040c0ecb32ab.png)

## Run it on your your local machine:

- Clone the repository from github

- Slide into the directory and run **npm i**

- Run **npm start** and you will be redirected automatically to localhost.