daudarsalan / google-clone

This is a modern Google search clone built with React and Tailwind CSS. With a mobile-first design and powerful search capabilities via the Google Custom Search API, this app provides a familiar and responsive user experience for all your searching needs.

Google Search Clone

This is a Google search clone built in React that allows users to search for any query and display the results in a familiar way.

Table of Contents

• Installation
• Usage
• Features
• Technologies Used
• Contributing
• License

Installation

To run this project locally, follow these steps:

1. Clone the repository to your local machine
2. Navigate to the project directory and run npm install to install the dependencies
3. Run npm dev to start the development server
4. Open your browser and go to http://127.0.0.1:5173/

Usage

To use the search functionality, simply type in your query in the search bar and hit enter or click the search button. The results will be displayed in the "All" tab by default, but you can also switch to the "Images" tab to search for images.

Features

• Search for any query using the Google Custom Search API
• Display search results in a familiar way
• Switch between "All" and "Images" tabs
• Mobile-first responsive design

Technologies Used

• React 18 and its latest features
• React functional components and their reusability
• React hooks and state management
• React routing
• Context API for global state management
• Mobile-first responsive approach
• Axios for fetching data from the Google Custom Search API

Contributing

Contributions to this project are welcome! If you find any bugs or have suggestions for new features, please open an issue or submit a pull request.