Search

CS50’s Web Programming with Python and JavaScript: Project 0

Design a front-end for Google Search, Google Image Search, and Google Advanced Search.

About this repo

This branch is a source code, an actual output (HTML, CSS) can be found here

Project setup

npm init

gulp

Note: setup for this project doesn't have a build function which means no file and image minification. Drag the "images" from src to the dist folder manually.

A short guide to the used Preprocessors (optional)

• A Guide to the Pug HTML Template Preprocessor
• Pug: Getting Started
• LESS CSS - Beginner's Guide
• Less

Useful resources:

• Google Search URL Request Parameters
• TBS parameters valid for image search (TBM=isch)
• HTML input type="hidden"
• Google’s “I’m Feeling Lucky” Button
• What does the I'm Feeling Lucky button do on Google?
• Advanced Search Form
• Stackoverflow