Skip to content

rohit-004/google-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Google Clone

A simple Google search clone built with React.

License JavaScript React

Table of Contents

Description

This project is a Google search clone built using React. It aims to replicate the core functionality and user interface of Google's search engine.

Features

  • Search Functionality: Allows users to enter a search query and view relevant results.
  • Responsive Design: Provides a seamless experience across various devices.
  • React Components: Built using reusable React components for maintainability and scalability.
  • Axios Integration: Uses Axios for making HTTP requests to fetch search results.
  • Speech Recognition: Implements speech recognition for voice-based search.
  • Loading Skeleton: Uses react-loading-skeleton to display a loading state while fetching search results.

Demo

You can view a live demo of the project here: https://google-clone-nine-lyart.vercel.app/

Installation

Follow these steps to set up the project locally:

  1. Clone the repository:

    git clone https://github.com/rohit-004/google-clone.git
  2. Navigate to the project directory:

    cd google-clone
  3. Install dependencies:

    npm install

Usage

  1. Start the development server:

    npm start
  2. Open the application in your browser:

    Visit http://localhost:3000 to view the Google Clone application.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Axios: A promise-based HTTP client for making API requests.
  • Ant Design: A UI framework for React.
  • React Router DOM: For handling navigation in the React application.
  • React Icons: Include popular icons in your React projects easily.
  • React Speech Recognition: A hook for adding speech recognition to your React apps.
  • React Loading Skeleton: Provides a skeleton component to indicate loading state.
  • dotenv: Loads environment variables from a .env file.
  • Classnames: A simple JavaScript utility for conditionally joining classNames together.

Contributing

Contributions are welcome! Here's how you can contribute:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and ensure they are well-tested.
  4. Submit a pull request with a clear description of your changes.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Releases

No releases published

Packages

No packages published