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

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

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/yinkakun/google-homepage-clone
• Owner: yinkakun
• License: mit
• Created: 2021-08-14T16:47:28.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-08-19T18:07:24.000Z (over 3 years ago)
• Last Synced: 2024-10-14T07:11:40.110Z (3 months ago)
• Language: TypeScript
• Homepage: https://google-homepage-clone-yinkakun.vercel.app
• Size: 120 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# 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](https://github.com).

- 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

```bash

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

```

Install dependencies

```bash

yarn #or npm install

```

Serve with hot reload at localhost:3000

```bash

yarn dev # or npm run dev

```

Generate static project

```bash

yarn build # or npm run build

```




## License

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




## Credits

This repo is based on a [TypeScript starter for Next.js](https://github.com/jpedroschmitz/typescript-nextjs-starter) by by João Pedro Schmitz.