Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sanidhyy/google-clone

A React JS Google Clone using Rapid API with amazing features
https://github.com/sanidhyy/google-clone

css github google google-clone html javascript js npm rapid-api react reactjs tailwindcss yarn

Last synced: 18 days ago
JSON representation

A React JS Google Clone using Rapid API with amazing features

Host: GitHub
URL: https://github.com/sanidhyy/google-clone
Owner: sanidhyy
License: mit
Created: 2022-06-25T08:27:19.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-10-01T13:50:05.000Z (over 1 year ago)
Last Synced: 2024-04-14T03:11:47.787Z (9 months ago)
Topics: css, github, google, google-clone, html, javascript, js, npm, rapid-api, react, reactjs, tailwindcss, yarn
Language: JavaScript
Homepage: https://react-googl-clone.netlify.app
Size: 225 KB
Stars: 5
Watchers: 2
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        # Googl - A React JS Google Search Engine Clone

![React JS Google Clone](https://user-images.githubusercontent.com/71302066/175765913-09fb0722-9969-4682-bfa2-9581fcc0c5a2.png)

[![Ask Me Anything !](https://img.shields.io/badge/Ask%20me-anything-1abc9c.svg)](https://github.com/Technical-Shubham-tech)

[![GitHub license](https://img.shields.io/github/license/Technical-Shubham-tech/google-clone)](https://github.com/Technical-Shubham-tech/google-clone/blob/main/LICENSE.md)

[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/Technical-Shubham-tech/google-clone/commits/main)

[![GitHub branches](https://badgen.net/github/branches/Technical-Shubham-tech/google-clone/)](https://github.com/Technical-Shubham-tech/google-clone/branches)

[![Github commits](https://badgen.net/github/commits/Technical-Shubham-tech/google-clone/main)](https://github.com/Technical-Shubham-tech/google-clone/commits)

[![Netlify Status](https://api.netlify.com/api/v1/badges/bf93cac6-4dc2-4c59-b010-ad1360481009/deploy-status)](https://react-googl-clone.netlify.app)

[![GitHub issues](https://img.shields.io/github/issues/Technical-Shubham-tech/google-clone)](https://github.com/Technical-Shubham-tech/google-clone/issues)

## ⚠️ Before you start

1. Make sure **Git** and **NodeJS** is installed

2. **Yarn** is faster than Npm. So use [Yarn](https://classic.yarnpkg.com/lang/en/docs/install/).

3. Create .env file in root folder.

4. Contents of **.env**

```

REACT_APP_RAPID_API_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXXX

```

5. Now, to setup API, go to [Rapid API Website](https://rapidapi.com/) and create an account.

6. Enable this API to fetch google search results: [API: Google Search by apigeek](https://rapidapi.com/apigeek/api/google-search3/).

![Copy API Key](https://user-images.githubusercontent.com/71302066/175766174-58a0779b-71ea-4f64-af87-2e23fedd0a7b.png)

7. After enabling you can get your API Keys and paste them in `.env` file in `REACT_APP_RAPID_API_KEY`.

**NOTE:** Make sure you don't share these keys publicaly.

## 📌 How to use this App?

1. Clone this **repository** to your local computer.

2. Open **terminal** in root directory.

3. Type and Run `npm install` or `yarn install`.

4. Once packages are installed, you can start this app using `npm run dev` or `yarn dev`

5. Now app is fully configured and you can start using this app :+1:

## 📃 Built with

[](https://www.javascript.com/)

[](https://reactjs.org/)

[](https://tailwindcss.com/)

[](https://rapidapi.com/)

[](https://github.com/Technical-Shubham-tech)

## 🔧 Stats

![Stats for this App](https://user-images.githubusercontent.com/71302066/175766396-a33b67dc-57d3-4fe6-8b5a-4072066b70d5.svg)

## 🙌🏼 Contribute

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

## Buy Me a Coffee 🍺

[](https://www.buymeacoffee.com/sanidhy "Buy me a Coffee")

## 🚀 Follow Me

[![GitHub followers](https://img.shields.io/github/followers/Technical-Shubham-tech?style=social&label=Follow&maxAge=2592000)](https://github.com/Technical-Shubham-tech)

[![Twitter](https://img.shields.io/twitter/url?style=social&url=https%3A%2F%2Ftwitter.com%2FTechnicalShubam)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2FTechnical-Shubham-tech%2Fmedical-chat-app)

[![YouTube](https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge&logo=youtube&logoColor=white)](https://www.youtube.com/channel/UCNAz_hUVBG2ZUN8TVm0bmYw)

## ⭐ Give A Star

You can also give this repository a star to show more people and they can use this repository.