This project was for me to learn how to create a website that will continously load photos as you scroll.
This project is from Zero to Mastery: Jacascript Web Projects: 20 Projects to Build Your Portfolio. This is project 2 / 20.
This is a pretty useful skill to learn I think. A lot of websites today use infinite scrolling, or lazy loading, to constantly show new items / elements to a user. This eliminates the need for pagination and can make browsing easier.
You can view a live version here. If you would like to run this locally, you will need an API key, which you can get for free from the steps below.
You can view the full list of project from this course here.
- Go to Unsplash's Developer Page
- Click on "Setting Up an Application"
- Click on the "Join" link under "Creating a Developer Account".
- Either create an unsplash account (it's free) or sign in to an existing account.
- Once your account is created, you will be taken to your applications page. Click "New Application"
- You will need to agree to the API Use and Guidelines.
- Enter in a name and description for the application and click "Create Application.
- Once you enter your info, you will be taken to your app's page. Scroll down until you see "Keys" and your key will be here. Copy the "Access Key".
- Go to the project folder and open the "app.js" file.
- Replace the value of the "apiKey" variable with your api key wraped in quotes and save.
- Now you can run the project and see it work!