- Clone the repository (generated by Github Classroom, after you accept the assignment)
- Update the
script.jsfile to finish building the page:
- Use the
photosarray to add images to the#gallerycontainer - Show only 6 photos at a time. When a user clicks the "Load more photos" button, show 6 more photos.
- When a user clicks the "All" button, show all the photos
- When a user clicks the "Nature" button, show only the photos related to nature
- When a user clicks the "City" button, show only the photos related to cities
- When a user clicks the "Animals" button, show only the photos related to animals.
- Push your changes to the
mainbranch of your repository (this will automatically "submit" your assignment) - Host your page using Github Pages
See the gif below for an example of how the final result should work:
