Skip to content

Lalitkumar4/pixabay-image-gallery

Repository files navigation

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