Rishabh6306 / Image-Gallery

Explore, search, and filter a diverse collection of captivating images. Experience a visually immersive journey with responsive design and color-based filtering.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Image Gallery

Welcome to the Image Gallery! 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 Gallery 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 Screenshot 1 Screenshot 1

Getting Started

  1. Clone the Repository: git clone https://github.com/Rishabh6306/Image-Gallery.git

  2. Install Dependencies: npm install

    1. 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.
  3. Start Development: npm run dev

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

How to Contribute

We welcome contributions to enhance the Image Gallery:

  1. Open Issues: Report issues and enhancements in the GitHub repository.

  2. Fork and Pull Requests: Fork the repository, make changes, and submit pull requests.

Connect with Us

Let's connect on LinkedIn:

Thank you for exploring and contributing to the Image Gallery project!

About

Explore, search, and filter a diverse collection of captivating images. Experience a visually immersive journey with responsive design and color-based filtering.


Languages

Language:JavaScript 69.3%Language:CSS 26.5%Language:HTML 4.1%