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

Create instagram clone using NextJS and TailwindCSS
https://github.com/nlagdhir/insta-clone

google-login instagram-clone next-auth nextjs react tailwindcss

Last synced: about 2 months ago
JSON representation

Create instagram clone using NextJS and TailwindCSS

• Host: GitHub
• URL: https://github.com/nlagdhir/insta-clone
• Owner: nlagdhir
• Created: 2022-11-22T15:16:15.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-12-02T07:26:42.000Z (over 3 years ago)
• Last Synced: 2025-03-01T17:14:36.877Z (over 1 year ago)
• Topics: google-login, instagram-clone, next-auth, nextjs, react, tailwindcss
• Language: JavaScript
• Homepage: https://insta-clone-nlagdhir.vercel.app/
• Size: 141 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# Instagram Clone Using Next-Auth

Below feartures are covered : 

 

- Google Login using Next-Auth Library

- 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-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

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

```

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)