Skip to content

SankalpHaritash21/Google_Clone

Repository files navigation

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:

1

2

3