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: about 1 month 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 (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-15T22:54:07.000Z (about 2 years ago)
• Last Synced: 2024-10-03T23:27:57.775Z (about 2 months 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: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Googlo





  

  

    

  



![Googlo Screenshot](https://i.ibb.co/8YQzBPS/screenshot-googlo-bey-netlify-app-2022-06-15-20-12-23.png)

> 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!