This is a Google search clone created using React.js, Tailwind CSS, Vite, and the Google Search API. It provides features like debounced search,autocomplete suggestions, and displays search results along with images, pagination and multilingual support using Google Translate. The Context API is used for state management for searching images.
You can access the live demo of the Google Clone here: Demo Link
- Google Search Integration: Perform a Google search with the provided search query.
- Voice Recognition: Use your microphone to perform a voice search.
- Autocomplete Suggestions: Display search suggestions as you type.
- Search Results: Show search results including web pages and images.
- Multilingual Support: Explore content in multple langugages using Google Translate
- Pagination: Easily Navigate through search results with pagination.
-
Clone the repository:
git clone https://github.com/yourusername/Google-Clone.git
-
Change the working directory:
cd Google-Clone
-
Install the dependencies:
npm install
To use the Google Search API and Speech Recognition features, you need to configure the necessary API keys and credentials. Create a .env.local
file in the project root and add the following variables:
VITE_GOOGLE_SEARCH_API_KEY=YOUR_GOOGLE_API_KEY
VITE_GOOGLE_CX_KEY=YOUR_GOOGLE_CX
To start the development server, run:
npm run dev
This will start the development server at http://localhost:3000
.
- React.js
- Tailwind CSS
- Vite
- Google Search API
- Context API
Contributions are welcome! Feel free to open issues or submit pull requests to help improve this project.