10

Google Search Engine

A modern Google Search clone built with React, Tailwind CSS, and Google Custom Search API

๐Ÿ”Ž Google Search Engine Clone

A modern Google Search Engine clone built with React, Tailwind CSS, and the Google Custom Search API. This project demonstrates a clean UI, responsive design, and integration of real search resultsโ€”making it a great addition to your portfolio or resume.


๐Ÿš€ Features

  • ๐Ÿ” Real-time Search: Search the web using the official Google Custom Search API
  • ๐Ÿ–ผ๏ธ Image Search: Toggle between web and image results
  • ๐Ÿ“„ Paginated Results: Navigate results with intuitive pagination
  • ๐Ÿ“ฑ Responsive Design: Works great on mobile and desktop
  • ๐ŸŒ™ Modern UI: Clean Google-like interface with Tailwind CSS
  • โšก Quick Links: Easy access to YouTube, GitHub, Facebook, Twitter, LinkedIn
  • ๐Ÿท๏ธ Category Tabs: UI ready for All, Images, News, Videos, and Shopping
  • ๐Ÿ”— Live Links: Results include clickable links, titles, and descriptions

๐Ÿ› ๏ธ Tech Stack

  • Framework: React (with React Router)
  • Bundler: Vite (for fast builds)
  • CSS: Tailwind CSS
  • API: Google Custom Search API
  • HTTP Client: Axios
  • Icons: React Icons
  • Tooling: PostCSS & Autoprefixer

๐Ÿงช How to Use

git clone https://github.com/Sonupandit9693/google-Search-Engine.git
cd google-Search-Engine
npm install
npm run dev