React Image Gallery

A simple image gallery built with React that fetches random images from the Picsum Photos API using Axios.

Features

• Fetches images from the Picsum Photos API
• Displays images in a responsive gallery
• Uses React functional components and Hooks
• API requests handled with Axios
• Easy to extend with pagination or infinite scrolling

Tech Stack

• React
• JavaScript (ES6+)
• Axios
• CSS

Installation

1. Clone the repository:

git clone <your-repository-url>

2. Navigate to the project folder:

cd <project-folder>

3. Install dependencies:

npm install

4. Start the development server:

npm run dev

or, if using Create React App:

npm start

API Used

This project uses the Picsum Photos API to fetch image data.

Example endpoint:

https://picsum.photos/v2/list?page=1&limit=30

Project Structure

src/
├── components/
│   └── Card.jsx
├── App.jsx
├── main.jsx
└── index.css