Skip to content

Latest commit

 

History

History
38 lines (25 loc) · 1.15 KB

README.md

File metadata and controls

38 lines (25 loc) · 1.15 KB

Photo Album

Requirements

  • Node.js (>= 14.x)
  • npm (>= 6.x)
  • React 18

Preview

https://kameshwaran-photo-album.netlify.app/

Installation

git clone https://github.com/Kameshwaran-E/Photo-Album

cd Photo-Album

npm install

Running the project

npm start

Project Structure

 src/: Contains all source code.
 components/: Reusable components (Navbar, Carousel, ImageGallery, Shimmer).
 App.js: Main application component.
 index.js: Application entry point.

Picsum API Integration

The project uses the Picsum API to fetch random images. This API is great for generating placeholder images and practicing image handling in a React app.

Key Features

Fetching Images: Images are fetched from the Picsum API using the fetch method in React’s useEffect hook.

Pagination: The gallery supports pagination with "Previous" and "Next" buttons, allowing users to navigate through different pages of images.

Shimmer Effect: A shimmer loading effect is displayed while the images are being fetched, enhancing the user experience.

Responsive Design: The layout is responsive, making use of Bootstrap for grid and component styling.