Skip to content

๐Ÿ“ธ A responsive Image Gallery App built with React, Bootstrap, and the Unsplash API. Search, browse, and load more images with smooth user experience.

Notifications You must be signed in to change notification settings

Mubeen-Channa/Image-Gallery-React-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

7 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ“ธ Image Gallery App

A responsive and dynamic image gallery built using React, Axios, and the Unsplash API. Users can search for any image, browse results, and load more images with a smooth UI experience.


๐Ÿ“ธ Demo

Screenshot


๐Ÿš€ Features

  • ๐Ÿ” Search images from Unsplash API
  • ๐Ÿ“ฅ Load more results with pagination
  • ๐ŸŽจ Clean and responsive Bootstrap layout
  • ๐Ÿ–ผ๏ธ Image cards with hover effect and author credit

๐Ÿ› ๏ธ Tech Stack

  • ReactJS
  • Bootstrap
  • Axios
  • Unsplash API

๐Ÿ“ฆ Installation

  1. Clone the repository
  2. Run npm install
  3. Add your Unsplash API key inside App.jsx
  4. Run with npm run dev or npm start

๐Ÿ”‘ API Used


๐Ÿง  What I Practiced

  • API integration with Axios
  • React state and effects
  • Component layout with Bootstrap
  • Pagination logic and user interaction

๐Ÿงพ License

This project is open-source and free to use.

About

๐Ÿ“ธ A responsive Image Gallery App built with React, Bootstrap, and the Unsplash API. Search, browse, and load more images with smooth user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published