Infinite Scroll Image Gallery

This project is an image gallery web application that fetches images from the Unsplash API and implements an infinite scroll feature. Users can scroll down to load more images and have the option to download their favorite ones.

Features

• Infinite Scroll: Automatically loads more images as the user scrolls down the page.
• Unsplash API Integration: Fetches high-quality images from the Unsplash API.
• Image Download: Allows users to download images directly from the gallery.

Technologies Used

• React: For building the user interface.
• Axios: For making API requests to the Unsplash API.
• Tailwind CSS: For styling the application with a modern and responsive design.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/0sarvesh/infinite-scroll-gallery.git
   

2. Navigate to the project directory:

   cd infinite-scroll-gallery
   

3. Install dependencies:

   npm install
   

4. Create a .env file in the root directory and add your Unsplash API key:

   REACT_APP_UNSPLASH_API_KEY=your_unsplash_api_key
   

5. Start the development server:

   npm start
   

   The app should now be running on http://localhost:3000.

Project Structure

• src/
  • components/: Contains reusable UI components.
  • pages/: Contains the main page of the application.
  • App.js: The main component that includes routing.
  • index.js: The entry point of the application.

Usage

1. Browse Images: Scroll down the page to load and view more images from Unsplash.
2. Download Images: Click the download button on any image to download it to your device.

Contributing

Contributions are welcome! If you have any suggestions or improvements, feel free to create a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact

If you have any questions or feedback, feel free to reach out:

• Sarvesh
• GitHub Profile
• [email protected]