/Image-Gallery

The React Image Gallery is a web application that allows users to search and view images based on their search queries. It's built using React and integrates with the Unsplash API to fetch high-quality images. This simple and user-friendly gallery application provides an intuitive interface for searching and displaying images.

Primary LanguageTypeScript

Image Gallery

The React Image Gallery is a web application that allows users to search and view images based on their search queries. It's built using React and integrates with the Unsplash API to fetch high-quality images. This simple and user-friendly gallery application provides an intuitive interface for searching and displaying images.

Image Gallery

bandicam 2023-11-01 10-33-20-088

Features

  • Image Search: Users can enter keywords in the search bar to retrieve images related to their query.
  • Infinite Scrolling: As the user scrolls down, more images are loaded, providing a seamless browsing experience.
  • High-Quality Images: The application fetches high-resolution images from Unsplash, ensuring excellent visual quality.
  • Responsive Design: The gallery is designed to work on various screen sizes, making it accessible across different devices.

Clone the repository to your local system:

git clone https://github.com/anwesha2002/Image-Gallery.git

Navigate to the project directory:

cd image-gallery

Install project dependencies:

npm install

Create an .env file in the project's root directory and set your Unsplash API key. You can obtain an API key by signing up on the Unsplash API platform.

REACT_APP_UNSPLASH_API_KEY=your-api-key

Start the application:

npm start
Open your web browser and visit http://localhost:3000 to access the React Image Gallery.