Lalitkumar4 / pixabay-image-gallery

🖼️ Pixabay image gallery built with React, TailwindCSS, and the Pixabay API.

Image Gallary (React, TailwindCSS, Pixabay API)

This image gallery is built using React, TailwindCSS, and powered by the Pixabay API.

📦 Built with

• React.js
• TailwindCSS
• React Router
• React Icons
• Pixabay API

🔗 Deployed URL

click here

🚀 Features

• Search for images
• Category filter: All Images, Photos, Illustrations, Vectors
• Click on an image to view it full-size
• Responsive

Usage

Create a .env file in the project root and add your Pixabay API key

Pixabay api doc

👉 REACT_APP_PIXABAY_API_KEY=your_pixabay_api_key

# Install dependencies
npm install

# Run server :3000
npm start

# Build for production
npm run build

📷 Preview video

video.mp4