https://github.com/pranjay-poddar/search

Google Clone
https://github.com/pranjay-poddar/search

clone cs50 cs50x google google-clone search search-algorithm search-engine

Last synced: 15 days ago
JSON representation

Google Clone

• Host: GitHub
• URL: https://github.com/pranjay-poddar/search
• Owner: pranjay-poddar
• License: mit
• Created: 2021-01-25T05:05:45.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-07-13T16:52:51.000Z (over 3 years ago)
• Last Synced: 2023-03-06T22:39:41.026Z (over 1 year ago)
• Topics: clone, cs50, cs50x, google, google-clone, search, search-algorithm, search-engine
• Language: CSS
• Homepage: https://pranjay-poddar.github.io/search/
• Size: 251 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Google Clone

### This website meets the following features.

 Google Search Page 




          

           



  

 Google Image Search Page 




          

          



 Google Advanced Search Page 




          

          



Pages


Website have three pages: One for Google Search, One for Google Image Search, and One for Google Advanced Search.

On the Google Search page, there are links in the upper-right of the page to go to Image Search or Advanced Search. On each of the other two pages,there is a link in the upper-right to go back to Google Search.


  

Query Text


On the Google Search page, the user is able to type in a query, click “Google Search”, and be taken to the Google search results for that page.


Like Google’s own, search bar is centered with rounded corners. The search button is also be centered, and is beneath the search bar


  

Query Images


 On the Google Image Search page, the user will be able to type in a query, click a search button, and be taken to the Google Image search results for that page.


  

Query Advanced


On the Google Advanced Search page, the user is able to provide input for the following four fields.


Find pages with… “all these words:”


Find pages with… “this exact word or phrase:”


Find pages with… “any of these words:”


Find pages with… “none of these words:”


Appearance

 Like Google’s own Advanced Search page, the four options are stacked vertically, and all of the text fields are left aligned.


Consistent with Google’s own CSS, the “Advanced Search” button is blue with white text. When the “Advanced Search” button is clicked, the user is taken to search results page for their given query.


  

Lucky
 

It has an “I’m Feeling Lucky” button to the main Google Search page. Consistent with Google’s own behavior, clicking this link take users directly to the first

Google search result for the query, bypassing the normal results page.


  

Aesthetics

 The CSS you write should match Google’s own aesthetics as best as possible.



 By- Pranjay Poddar