Skip to content

setAutomata/google-clone

Repository files navigation

Google search clone

This project is a clone of google.com using Google Custom Search JSON API.

google-clone preview

⛏️ Built with

  • Vite: A fast, opinionated build tool for modern web development.
  • React: A JavaScript library for building user interfaces.

🗃️ Features

  • Darkmode
  • Pagination
  • Infinite Scroll
  • Mobile view
  • Custom skeleton loading effect
  • Popup Menu for "Quick Settings" and "Google Apps" buttons on click.

🔧 Setup

  1. Create Programmable Search Engine to recieve an api key and CSE-ID go to 🔑 https://developers.google.com/custom-search/v1/introduction

  2. Clone and Install

git clone https://github.com/setAutomata/google-clone.git
cd google-clone
npm i
  1. Create .env or .env.local file and edit it as follows:
VITE_APP_API_ENDPOINT = https://www.googleapis.com/customsearch/v1
VITE_APP_API_KEY = <your google custom search JSON API key>
VITE_APP_CSE_ID = <your cse id>
  1. Run the app
npm run dev

About

Clone of google.com in React using Google Custom Search JSON API

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published