A Google search clone inspired by a tutorial to demonstrate the basics of React framework and its core concepts.

It utilizes the React Hooks and React Router to create a simple search application based on the data which is provided by RapidAPI. And the search results are displayed using Tailwind CSS.

This project was bootstrapped with Create React App.

View Demo | Report Issue | Request Feature | @webceyhan

1. Clone the repository.

   git clone https://github.com/webceyhan/react-goggle.git

2. Get inside the cloned project folder.

   cd react-goggle

3. Install NPM packages.

   npm install

Run the app in the development mode.

npm start

Open http:https://localhost:3000 to view it in your browser.
The page will reload when you make changes. You may also see any lint errors in the console.

Launche the test runner in the interactive watch mode.

npm test

See the section about running tests for more information.

Build the app for production to the build folder.

npm run build

It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes. Your app is ready to be deployed!

You can also preview the built application locally as follows:

npm install -g serve # if not installed yet
serve -s build

A GitHub Action will automatically deploy the project to Netlify on every push.

See the details in .github/workflows/netlify-deploy.yml

• Node.js
• React
• React Router
• Tailwind CSS
• RapidAPI
• GitHub Actions
  • Netlify
  • Netlify Actions
• Build and Deploy Google Search 2.0 with React & Tailwind CSS