🔎 Google Search Frontend | CS50 Web Programming Project
In this video, I showcase my CS50 Web Programming Project 0, where I built a functional Google Search frontend using HTML and CSS.
This project goes beyond just a search bar — it includes multiple pages and features:
Main Search Page (index.html) where users can type a query and perform a Google search.
Google Image Search Page for searching images specifically.
Advanced Search Page allowing users to search using multiple criteria:
“All these words”
“This exact phrase”
“Any of these words”
“None of these words”
“I’m Feeling Lucky” Button that takes users directly to the first Google search result.
Fully styled pages with centered search bars, buttons, and a layout inspired by Google.
Links between pages so users can navigate from main search to image search or advanced search, and back.
💡 Skills Demonstrated:
HTML forms and input handling
CSS styling and layout for user-friendly interfaces
GET requests and URL query strings
Linking multiple HTML pages together
📁 Technologies Used:
HTML5, CSS3
This project is a great exercise in building functional frontends while understanding how form data interacts with real-world web services.