https://github.com/nlagdhir/insta-clone-1

Instagram clone using Next JS and Tailwind with Firebase Auth.
https://github.com/nlagdhir/insta-clone-1

firebase-auth google-login instagram-clone nextjs reactjs tailwindcss

Last synced: about 2 months ago
JSON representation

Instagram clone using Next JS and Tailwind with Firebase Auth.

• Host: GitHub
• URL: https://github.com/nlagdhir/insta-clone-1
• Owner: nlagdhir
• Created: 2022-12-01T14:57:23.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-12-02T07:29:11.000Z (over 3 years ago)
• Last Synced: 2025-08-18T05:50:00.668Z (10 months ago)
• Topics: firebase-auth, google-login, instagram-clone, nextjs, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://insta-clone-1-nlagdhir.vercel.app/
• Size: 48.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# Instagram Clone Using Firebase Authentication

Below feartures are covered : 

 

- Google Login using Firebase Authentication

- Post content including Image and Caption

- Store data in firestore

- Store images in Storage  

- Display data in feed section

- Like and Comment ability to logged in users

- Use Recoil for state management

- Design using Tailwind

## Demo

https://insta-clone-1-nlagdhir.vercel.app/

## Screenshots

### Homepage Feed : 

![HomePage Feed](https://snipboard.io/Cc5Yz1.jpg?text=Homepage+feed)

### LoggedIn User Feed : 

![LoggedIn User Feed](https://snipboard.io/eMWI8V.jpg?text=LoggedIn+user+feed)

## Run Locally

Clone the project

```bash

  git clone https://github.com/nlagdhir/insta-clone-1

```

Go to the project directory

```bash

  cd my-project

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  npm run dev

```

## Tech Stack

**Client:** React, NextJS, TailwindCSS

**Server:** API

## 🔗 Links

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://nlagdhir.in/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/nileshlagdhir/)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/nlagdhir)