https://github.com/kajalpandey25/image-explorer

Welcome to the Image Explorer! Immerse yourself in a visually captivating experience where you can explore, search, and filter a diverse collection of images. From stunning landscapes to creative artworks, the Image Explorer offers a dynamic platform to satisfy your visual curiosity.
https://github.com/kajalpandey25/image-explorer

image-collection react-vite

Last synced: about 1 year ago
JSON representation

Welcome to the Image Explorer! Immerse yourself in a visually captivating experience where you can explore, search, and filter a diverse collection of images. From stunning landscapes to creative artworks, the Image Explorer offers a dynamic platform to satisfy your visual curiosity.

• Host: GitHub
• URL: https://github.com/kajalpandey25/image-explorer
• Owner: kajalpandey25
• Created: 2023-09-01T07:03:04.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-07T17:24:19.000Z (almost 3 years ago)
• Last Synced: 2025-01-22T22:45:04.436Z (over 1 year ago)
• Topics: image-collection, react-vite
• Language: JavaScript
• Homepage: https://my-image-collection.netlify.app/
• Size: 32.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Image-Explorer

Welcome to the Image Explorer! Immerse yourself in a visually captivating experience where you can explore, search, and filter a diverse collection of images. From stunning landscapes to creative artworks, the Image Explorer offers a dynamic platform to satisfy your visual curiosity.

## Features

- **Explore:** Dive into a vast collection of images spanning various themes and genres.

- **Search:** Utilize the powerful search functionality to find images of your choice.

- **Color Filtering:** Filter images by color properties to create visually appealing combinations.

- **Categories:** Discover images by categories such as 'backgrounds', 'nature', 'science', and more.

- **Responsive:** Enjoy the seamless experience on different devices with responsive design.

- **Built with ReactJS:** Crafted using ReactJS for interactive user interfaces.

- **API Integration:** Utilizes the Pixabay API to fetch images.

## Screenshots

![Screenshot 1](public/1.png)

![Screenshot 1](public/2.png)

## Getting Started

1. **Clone the Repository:** `git clone https://github.com/kajalpandey25/Image-Explorer.git`

2. **Install Dependencies:** `npm install`

3. 3. **Add your Pixabay API Key:** Open `src/App.js` and replace `'YOUR_API_KEY'` with your Pixabay API key. You can generate an API key by signing up on [Pixabay](https://pixabay.com/api/docs/).

4. **Start Development:** `npm run dev`

5. **Access the Gallery:** Open your browser and visit the provided URL.