Skip to content

Latest commit

 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Image Gallery

✨ Features

  • Dynamic Data Fetching: Integrates with the Picsum API to fetch high-resolution images asynchronously.
  • Seamless Pagination: Custom-built pagination controls (Next/Prev) to navigate through hundreds of photos effortlessly.
  • Loading States: Intuitive UI feedback while data is being fetched over the network.
  • Responsive Design: A fluid grid layout styled with Tailwind CSS that adapts to different screen sizes.
  • External Linking: Clicking on an image card redirects the user to the original high-resolution source.

🛠️ Tech Stack

  • Frontend: React
  • Styling: Tailwind CSS
  • HTTP Client: Axios

📂 Project Structure

src/
├── components/
│   ├── Buttons.jsx   # Handles pagination logic and UI
│   └── Cards.jsx     # Renders individual image cards and external links
├── App.jsx           # Main container, handles state and API calls
└── main.jsx/index.js # Entry point

About

A modern, component-driven React application that dynamically fetches and displays high-resolution photography. Built to demonstrate practical API integration, state-based pagination, and responsive UI design using Tailwind CSS.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages