https://github.com/krish-rip/google-clone
Working Google-search clone.
https://github.com/krish-rip/google-clone
javascript nextjs react tailwindcss yarn
Last synced: 2 months ago
JSON representation
Working Google-search clone.
- Host: GitHub
- URL: https://github.com/krish-rip/google-clone
- Owner: Krish-rip
- License: mit
- Created: 2025-03-09T03:50:00.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-09T04:14:29.000Z (over 1 year ago)
- Last Synced: 2025-03-09T04:24:16.382Z (over 1 year ago)
- Topics: javascript, nextjs, react, tailwindcss, yarn
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## About The Project
A functional replica of Google's search page, you can use it for searches. Styled with Tailwind CSS to Rapidly build and look as close as possible to current google search page, the search results are pulled using Googles Programmable Search Engine and it was build using Next.js the react framework.
Please do not spam searches.
### Built With
* [Next.js](https://nextjs.org/)
* [Tailwind CSS](https://tailwindcss.com/)
* [Programmable Search Engine](https://programmablesearchengine.google.com/about/)
* [Yarn](https://yarnpkg.com/)
## Getting Started
### Prerequisites
This are things you need to use the web app and how to install them.
* yarn
```sh
npm install --global yarn
yarn dev // to run local server
### Installation
1. Get a free API_KEY at [https://developers.google.com/custom-search/v1/introduction#identify_your_application_to_google_with_api_key](https://developers.google.com/custom-search/v1/introduction#identify_your_application_to_google_with_api_key)
Get ( Search engine ID ) CONTEXT_KEY at https://cse.google.com/cse/create/new
3. Clone the repo
```sh
git clone https://github.com/cosmicwanderer7/google-clone.git
```
4. Add Next
```sh
yarn add next react react-dom
5. Install all dependencies
```sh
yarn
6. Create a .env.local file to store your api keys
```js
API_KEY = ' ' //API Key https://developers.google.com/custom-search/v1/introduction#identify_your_application_to_google_with_api_key
CONTEXT_KEY = ' ' // Context Key https://cse.google.com/cse/create/new ( Search engine ID )
7. Use dummy data for testing
`const useDummyData = false;`
//true for development testing (mock results) change it in search.js
(Free version of google search api has a quota of 100 search results per day use dummy data so that you don't exhaust the quota)
8. To run on local host use
```sh
yarn dev //starts a local server
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request.
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch
3. Commit your Changes
5. Push to the Branch
6. Open a Pull Request