Skip to content

shahmeer-codes/Gallery-application-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📸 React Gallery Application

A modern and responsive image gallery web application built with React and Tailwind CSS.
It fetches images from the Picsum API and provides a smooth UI with search, filtering, favorites, and image preview features.


📌 Features

  • 🔍 Debounced search (smooth author search)
  • 🎯 Author filter dropdown
  • 📸 Responsive image grid gallery
  • ❤️ Favorites system (Instagram-like)
  • 💾 LocalStorage support (favorites persist after refresh)
  • 🖼️ Image modal preview (fullscreen view)
  • 📦 Dynamic image limit selector (10–50 images)
  • 📄 Pagination system
  • ⚡ Optimized React performance
  • 📱 Fully responsive design

🛠️ Tech Stack

  • React (Hooks)
  • Tailwind CSS
  • Picsum Photos API
  • JavaScript (ES6+)
  • LocalStorage

📷 API Reference

This project uses the Picsum Photos API:

https://picsum.photos/v2/list

About

A modern, responsive image gallery web application built with React and Tailwind CSS. It fetches images from the Picsum API and provides a smooth user experience with features like search, filtering, favorites, and image preview modal.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors