Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/finzyphinzy/infinite-scroll
https://github.com/finzyphinzy/infinite-scroll
Last synced: 11 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/finzyphinzy/infinite-scroll
- Owner: FinzyPHINZY
- Created: 2024-01-24T15:35:36.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-01-24T16:20:30.000Z (10 months ago)
- Last Synced: 2024-01-24T17:28:24.287Z (10 months ago)
- Language: JavaScript
- Homepage: https://finzyphinzy.github.io/Infinite-Scroll/
- Size: 85 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Infinite Scrolling Image Gallery
A beautiful and responsive web app that implements infinite scrolling, fetching random images from the Unsplash API and rendering them dynamically. Built with HTML, CSS, and JavaScript.
## Features
- Infinite scrolling for a seamless user experience
- Random images fetched from the Unsplash API
- Beautiful and responsive UI for optimal viewing on various devices
## Technologies Used
- HTML
- CSS
- JavaScript
## Setup
1. Clone the repository:
```bash
git clone https://github.com/finzyphinzy/Infinite-Scroll.git
```
2. Open the project folder:
```bash
cd Infinite-Scroll
```
3. Open the `index.html` file in your preferred web browser.
## Usage
- Simply scroll down to load more random images from Unsplash.
- The UI is designed to be responsive for a pleasant viewing experience on different devices.
## API Key
To use the Unsplash API, you will need to obtain an API key. Visit [Unsplash Developer](https://unsplash.com/developers) to create an account and generate your API key. Once you have the key, replace `YOUR_API_KEY` in the `script.js` file with your actual API key.
```javascript
const apiKey = "YOUR_API_KEY";
```
## Acknowledgements
- Images provided by [Unsplash](https://unsplash.com/)
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Author
Boluwatife Adeyemi
Feel free to reach out for any questions or feedback!
---