Google Search Clone

Live Demo

Introduction

Google Search Clone with nextjs, typescript, tailwind CSS, and Google API Google API

Codebase

Technologies

• ReactJs: JavaScript Library

• NextJs: ReactJs Framework

• TailwindCss: CSS Framework

• Eslint: Linter

• Prettier Code formatter

Folder structure

├── src                                # Src Folder
    ├── common                         # Common Folder
        ├── components                 # Reusabble parts
            ├── Avater                 # Avater component
            ├── Header                 # Header component
            ├── SearchResults          # SearchResults component
            ├── Footer                 # Footer component
        ├── utils                      # utils component
    ├── styles
    ├── pages                          # Application views

Setup

1. Clone or download the project.
2. Cd in the project directory.
3. Run git remote rm origin to remove the remote refenrece.
4. Run yarn to install dependencies