Milestone 3: V1.5.0

Milestone 3

Objective: Implement infinite scrolling to load more images upon clicking a button.

Requirements:

• Add a "More 🌉" button at the bottom of the page.
• Load the next set of 30 images from Unsplash when the button is clicked.
• Continue loading images until no more are available.

Technologies:

• HTML/CSS/JavaScript for button and scroll functionality.
• Unsplash API for fetching additional images.

Deliverables:

• Updated HTML, CSS, and JavaScript files.
• "More 🌉" button implemented.
• Infinite scrolling functionality to load more images.

Milestone 2: V1.0.0

Highlights

•	Unsplash API Integration: Fetch and display 20 images of the Golden Gate Bridge.
•	Responsive Image Grid: Dynamic grid layout adapts to different screen sizes.
•	Hover Effects: Show author details (profile picture, username, Twitter handle) on hover.
•	Tag Display: Relevant tags for each image.

Features

•	Backend: Flask app with SQLite database for storing image metadata.
•	Frontend: React.js app with responsive design and interactive hover effects.

Milestone 1: V0.1.0

Milestone 1

Objective: Create the basic structure of the web page with a grid layout displaying static images.

Requirements:

• A grid layout with at least six images.
• Each image should have an adjacent space reserved for tags.
• Implement hover effects to show the Gokei logo in the top left and additional information (small circular image and text) at the bottom of the image.
• All images should be included in the repository (no external links).

Technologies:

• HTML/CSS for structure and styling.

Deliverables:

• HTML file with the grid layout.
• CSS file for styling the grid and hover effects.
• Six placeholder images included in the repository.