DEV Community

Cover image for Instagram Clone Live App
Soumyajit Pan
Soumyajit Pan

Posted on • Updated on

Instagram Clone Live App

You can see the Live Demo from here ๐Ÿ‘‡
https://instagram-soumyajitpan.vercel.app/

For this project, I have used these libraries,
โ–ถ๏ธ React JS
โ–ถ๏ธ Firestore and Firebase Database
โ–ถ๏ธ Firebase Email Authentication
โ–ถ๏ธ Styled-Components for styling

Signup Page
User have to Signup/Create new account
Signup Page

Login Page
User have to login to their account
Login Page

Home Page
After Login User can see the Home Page
Home Page

Notification
User can see all notifications when other users do comments, likes, requests for messages, follows
Notification

Comments of random post
User can comment on any user's post
comments

Send post via Messenger
Any user can send any posts via messenger
Send post via messenger

Insta Profile Page
User can see their own profile like this below image
Insta Profile

Insta Profile Edit Mode
After click on Edit Profile button, user can see their profile in edit mode, then user can change their profile data.
Insta Profile Edit Mode

Insta Profile Delete Mode
After click on settings icon, user can see delete profile button, then user can delete their profile data.
Insta Profile Delete Mode

Watching Other User's Story
When any user can see other user's story by clicking on individual story, it's look like below.
Other User's Story

Watching Self Story
When any user can see self story, it's look like below image.
self story

Instagram Messenger
Instagram Messenger looks like below image.
Messenger

Top comments (0)