https://github.com/sankalpharitash21/google_clone
This is a Google Chrome Clone created using React
https://github.com/sankalpharitash21/google_clone
javascript nodejs rapidapi reactjs tailwindcss vite voice-recognition
Last synced: 2 months ago
JSON representation
This is a Google Chrome Clone created using React
- Host: GitHub
- URL: https://github.com/sankalpharitash21/google_clone
- Owner: SankalpHaritash21
- Created: 2023-07-13T16:32:50.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-30T01:05:09.000Z (over 1 year ago)
- Last Synced: 2025-02-17T18:52:23.459Z (about 1 year ago)
- Topics: javascript, nodejs, rapidapi, reactjs, tailwindcss, vite, voice-recognition
- Language: JavaScript
- Homepage: https://searchsphere.netlify.app/
- Size: 1.03 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SearchSphere
SearchSphere is a Google Clone project that replicates the core search functionality of Google. This project includes features such as voice search, instant search results, and responsive design. Built using modern web technologies, SearchSphere provides an intuitive and seamless user experience.
## Features
1. Text Search: Search for content by typing in the search bar.
2. Voice Search: Use speech recognition to perform searches without typing.
3. Real-time Search Results: Get instant results as you type your query.
4. Error Handling: Displays error messages for unsupported features.
5. Responsive Design: Optimized for both desktop and mobile devices.
## Technologies Used
- React.js: A JavaScript library for building user interfaces.
- React Router: For handling navigation and routing.
- Web Speech API: Implements voice search functionality.
- React Icons: Provides icons for the user interface.
- Tailwind CSS: For designing and styling the user interface.
## Ensure that you have the following installed on your system:
1. Node.js: Download Node.js
2. npm: Node package manager, included with Node.js
## Usage
1. Text Search: Enter a query in the search bar and press Enter to search.
2. Voice Search: Click the microphone icon and speak to perform a voice search.
3. Clear Search: Click the close icon to clear the current search input.
## SearchSphere created using React below are the images:
# Live Link- [Go to SearchSphere](https://searchsphere.netlify.app/)