/google-homepage-clone

Primary LanguageTypeScriptMIT LicenseMIT

Google Homepage Clone

Clone of Google homepage built with NextJS, Typescript and Tailwind CSS for a React Frontend Developer technical assesment.


Instructions

  • Re-create https://google.com search homepage using React.

  • Upload your code with instructions on how to run it to Github.

  • Ensure your implementation is responsive enough i.e. it should look code on desktop and phones.

  • Clicking on the 'Google Search' button should redirect to [https://google.com/search?q={users](https://google.com/search?q={users)-text-here}. {users-text-here} should be the value entered in the search input field.

  • Clicking the 'I'm Feeling Lucky' button should redirect to https://perfects.engineering.

  • You are free to add or not add any other functionality you deem fit.

  • Using Nextjs and Tailwind CSS in your implementation is a huge plus.


Local Installation

Clone this repository

git clone https://github.com/yinkakun/google-homepage-clone.git

Install dependencies

yarn #or npm install

Serve with hot reload at localhost:3000

yarn dev # or npm run dev

Generate static project

yarn build # or npm run build

License

This project is licensed under the MIT License - see the LICENSE.md file for more information.


Credits

This repo is based on a TypeScript starter for Next.js by by João Pedro Schmitz.