https://github.com/babblebey/googlo
A Realistic Google Clone App with Voice Search Feature built with ReactJS, Redux and TailwindCSS
https://github.com/babblebey/googlo
api react reactjs redux redux-toolkit rtk-query speech-recognition speech-to-text tailwindcss vite voice-recognition
Last synced: 2 months ago
JSON representation
A Realistic Google Clone App with Voice Search Feature built with ReactJS, Redux and TailwindCSS
- Host: GitHub
- URL: https://github.com/babblebey/googlo
- Owner: babblebey
- Created: 2022-05-21T12:10:07.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-11-15T22:54:07.000Z (over 3 years ago)
- Last Synced: 2025-01-24T19:13:58.138Z (over 1 year ago)
- Topics: api, react, reactjs, redux, redux-toolkit, rtk-query, speech-recognition, speech-to-text, tailwindcss, vite, voice-recognition
- Language: JavaScript
- Homepage: https://googlo-bey.netlify.app
- Size: 191 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Googlo
> A Realistic Google Clone App with Voice Search Feature built with ReactJS, Redux and TailwindCSS
### ✨ [Live Preview](https://googlo-bey.netlify.app/)
## Install
Run the Command to Install all dependencies.
```sh
npm install
```
## Usage
Create API Credentials/Keys from the following Providers
* [Google Search (apigeek - Rapid API)](https://rapidapi.com/apigeek/api/google-search3/)
* [Google Web Search (Glavier - Rapid API)](https://rapidapi.com/Glavier/api/google-web-search/)
Setup App ID for Voice Search Feature via [Speechly](https://www.speechly.com/)
* Create/Log-in to the Speechly Dashboard
* Create a new application and select the “Empty” template
* Click “Deploy” and wait for the deployment to finish (the status indicator turns green)
* Grab the App ID from the header
Create a `.env` file in your root directory, create the variables as seen below filling in your API Key & App ID appropriately
```sh
VITE_GOOGLE_SEARCH_APIKEY=RAPIDAPI-APIKEY-HERE
VITE_SPEECHLY_APP_ID=SPEECHLY-APP-ID-HERE
```
Now run the command to start the development server.
```sh
npm run dev
```
Your project should start running on `http://localhost:3000`
## Author
👤 **Olabode Lawal-Shittabey**
* Twitter: [@babblebey](https://twitter.com/babblebey)
* LinkedIn: [@babblebey](https://linkedin.com/in/babblebey)
* Instagram: [@babblebey](https://instagram.com/babblebey)
## Show your support
Give a ⭐️ if you like this project!