Developed a browser-like application for searching and helping people find their desired stuff, similar to Google Chrome.
- Search Functionality: Users can search for information and receive results from the Google Search API.
- User Interface: A clean and responsive design using TailWind CSS.
- Navigation: Efficient navigation using React-Router.
- ReactJS: Front-end framework for building user interfaces.
- React Context: State management for handling global state across components.
- React Router: Library for handling routing in the application.
- Tailwind CSS: Utility-first CSS framework for styling.
- Google Search API: Fetches search results from Google's search engine.
- Fetch API: Native JavaScript API for making HTTP requests.
-
Clone the repository:
git clone https://github.com/yourusername/google-chrome-clone.git cd google-chrome-clone -
Install dependencies:
npm install
-
Set up Google API Key:
Add your Google API key to a
.envfile in the root of your project:REACT_APP_GOOGLE_API_KEY=your_google_api_key
-
Start the development server:
npm start
Your app should now be running on
http://localhost:3000.
- Home Page: Enter your search query in the search bar.
- Search Results: View search results fetched from the Google Search API.
Contributions are welcome! Please follow these steps to contribute:
-
Fork the repository.
-
Create a new branch:
git checkout -b feature-branch
-
Make your changes.
-
Commit your changes:
git commit -m 'Add new feature' -
Push to the branch:
git push origin feature-branch
-
Open a pull request.
This project is licensed under the MIT License.
For questions or support, please contact:
- Email: ratneshmaurya2001@gmail.com
- GitHub: ratneshmaurya
- ReactJS
- React Context
- React Router
- Tailwind CSS
- Google Search API
- Fetch API
- Developed by Ratnesh Maurya.