Instagram Clone

Live Demo

Introduction

Instagram Clone with nextjs, typescript, tailwind CSS, Firebase v9, NextAuth, Recoil

Codebase

Technologies

• ReactJs: JavaScript Library

• NextJs: ReactJs Framework

• TailwindCss: CSS Framework

• Firebase v9: Realtime Database

• Recoil: state management library

• NextAuth: Authentication

• Prettier Code formatter

• Eslint: Linter

Folder structure

├── src                                # Src Folder
    ├── common                         # Common Folder
        ├── atoms                      # Atoms Folder
        ├── components                 # Reusabble parts
            ├── Feed                   # Feed component
            ├── Header                 # Header component
            ├── Modal                  # Modal component
        ├── utils                      # utils component
    ├── styles                         # styles Folder
    ├── types                          # Types Folder
    ├── pages                          # Application views
        ├── api                        # API Folder
           ├── auth                    # Auth Foler

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