Skip to content

ckopecky/MBP_GoogleClone

 
 

Repository files navigation

Google Homepage Clone

Deployment

Client: React-GoogleClone

Using the Application

Requirements:

  • Node
  • Package Manager (such as Yarn or npm)
    • Yarn was used to build this project.

Have Node? Have Yarn or npm? Follow these steps:

  1. Fork and clone repo

  2. Open terminal and cd into the root of project folder (if not already there). Run yarn install to install the necessary node_modules.

  3. Run yarn start on the client folder to run the frontend on localhost:3000

  4. Your application is now running and can be tested locally.

Assets Needed to Clone Application

Google Logo

  • Logo
  • Dimensions: width: 272px | height: 92px
  • Background Color: #FFFFFF

Google Microphone (if you choose to use it)

Components and Colors

Description Hex Color Sample
Edges Light Gray #E4E4E4 #E4E4E4
Search Bar Shadow Color #C5C5C5 #C5C5C5
Google Blue #4285F4 #4285F4
Google Red #EA4335 #EA4335
Google Yellow #FBBC06 #FBBC06
Google Green #34A853 #34A853
Search Buttons #757575 #757575
Top Navigation Bar Text #212121 #212121
Top Navigation Bar Background #FFFFFF #FFFFFF
Bottom Navigation Bar Text #666666 #666666
Bottom Navigation Bar Background #F2F2F2 #F2F2F2
Apps and Notifications Icon #B9B9B9 #B9B9B9

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 57.8%
  • CSS 26.0%
  • HTML 16.2%