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.
To run this project locally, follow these steps:
- Clone the repository to your local machine
- Navigate to the project directory and run
npm install
to install the dependencies - Run
npm dev
to start the development server - Open your browser and go to
http://127.0.0.1:5173/
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.
- 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
- 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
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.