Instagram Clone

Instagram Clone is Replica of one of the biggest social media platform Instagram , in my version of instagram you can do everything from signing up to talking to friends posting photos , following each other and many more such features all built solely by me .

Video Showcase Of Project

Currently This Project is Not Deployed Due To No Good Service For Deploying Backend But Will be deploying it in near future .

Demo Account

• username :- aman
• password :- abcd1234

Features

• Signup / Login
• Follow Each Other With Suggestions And Search User Functionality
• Like And Comment In Real-Time Implemented With Socket.IO
• Create Post / Delete Post
• Chat With Anyone in Real-Time Implemented With Socket.IO
• Get New Password In Registered Mail Directly Upon Forgetting .
• Many More Features In Way ......

🛠 Tech Used

Client: React, Redux, TailwindCSS , Chakra UI , Socket-IO , Heroicons , Axios , emoji-picker , react-uuid

Server: Node, Express , MongoDB , JWT , Bcrypt , NodeMailer , Socket-IO , socketio-auth

Screenshots

Login Page UI 😎

Signup Page UI 👌

Forgot Password Page UI 👌

Home Page UI ✍️

Create Post Page UI ✍️

Own Profile Page UI ✍️

Others Profile Page UI ✍️

Search Others / Suggestions UI ✍️

Single Post Page UI ✍️

Change Password Page UI ✍️

Edit Details UI ✍️

Authors

• @meshiv5

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

• Frontend -

    `REACT_APP_SERVER`
  
    `REACT_APP_SOCKET_SERVER`
  

• Backend -

    `PORT` :- Ex 8080
  
    `MONGO_URL` :- Mongo DB Local OR Atlas URL
  
    `SECRET_KEY` : Secret Key For JWT
  
    `USER` : Google App User To Use in Nodemailer
  
    `PASSWORD` : Google App Password To Use in Nodemailer
  

Feedback

If you have any feedback, please reach out to us at [email protected]