Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/susisarvesh/infinityscroll
🌐 Image Gallery Web Application 🌐📸 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. 📥
https://github.com/susisarvesh/infinityscroll
babel image-downloader react tailwindcss unsplash-api
Last synced: 4 months ago
JSON representation
🌐 Image Gallery Web Application 🌐📸 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. 📥
- Host: GitHub
- URL: https://github.com/susisarvesh/infinityscroll
- Owner: susisarvesh
- Created: 2024-07-10T00:25:06.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-07-10T00:31:59.000Z (7 months ago)
- Last Synced: 2024-09-29T02:23:29.837Z (4 months ago)
- Topics: babel, image-downloader, react, tailwindcss, unsplash-api
- Language: JavaScript
- Homepage: http://infinityscroll-imagedownloader.netlify.app
- Size: 47.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:**
```bash
git clone https://github.com/0sarvesh/infinite-scroll-gallery.git
```
2. **Navigate to the project directory:**
```bash
cd infinite-scroll-gallery
```
3. **Install dependencies:**
```bash
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:**
```bash
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](LICENSE) file for more details.
## Contact
If you have any questions or feedback, feel free to reach out:
- **Sarvesh**
- [GitHub Profile](https://github.com/susisarvesh)
- [email protected]