Coder Social home page Coder Social logo

jigar-sable / instagram-mern Goto Github PK

View Code? Open in Web Editor NEW
530.0 4.0 165.0 1004 KB

Full-Stack Instgram Clone using MERN Stack and Socket.io

Home Page: https://instagramernstack.herokuapp.com/

License: MIT License

Procfile 0.01% JavaScript 99.06% HTML 0.71% CSS 0.22%
reactjs nodejs expressjs mongodb aws-s3 instragram redux-thunk mongodb-atlas material-ui tailwindcss

instagram-mern's Introduction

Instagram MERN

Full-Stack Instgram Clone using MERN Stack and Socket.io

Visit Now ๐Ÿš€

๐Ÿ–ฅ๏ธ Tech Stack

Frontend:

reactjsย  react-routerย  reduxย  tailwindcssย  muiย 

Backend:

nodejsย  expressjsย  mongodbย  jwtย 

Realtime Communication:

socketio

Cloud Storage:

aws-s3

Deployed On:

heroku

Cloud Storage: Cloudinary Mail Service: Sendgrid

๐Ÿš€ Features

  • Login/Signup User Account
  • Login using Email/Username
  • Update Profile/Password User Account
  • Reset Password Mail using Sendgrid
  • Infinite Scroll Posts
  • Suggested Users
  • Search User Accounts by Name/Username
  • Follow/Unfollow Users
  • Like/Unlike Posts (Double Tap Like)
  • Comment on Post
  • Save/Unsave Post
  • Visit User Profiles
  • Share New Post
  • Skeleton Loaders
  • Delete Own Posts
  • Search Users to Chat
  • Add New Chat
  • Message Users
  • Typing | Online User Status
  • See Followers/Following of Users
  • Post Liked by Users
  • Emoji Enabled (Emoji Mart)

Branch dev-v3-cloudinary uses Cloudinary to store images.

Branch dev-v2-aws uses AWS S3 to store images.

Branch dev-v1 uses local storage.

Sneak Peek of Home Page ๐Ÿ™ˆ :

home

mockup mockups
mockup mockups

๐Ÿ“ฌ Contact

If you want to contact me, you can reach me through below handles.

linkedin

ยฉ 2022 Jigar Sable

forthebadge

instagram-mern's People

Contributors

jigar-sable avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

instagram-mern's Issues

Auth implementation is not secure.

I don't believe that this system is very secure, as:

  • There is no way to invalidate tokens.
  • On logout, the user is simply passed an expired token.
  • This means that a bad actor could easily use the old token to access the account.
  • Only safeguard is sending the token as an httpOnly cookie, which merely prevents scripts from accessing the token on supported browsers.

In general, JWTs should have short times to expiry unless they can be revoked (such as by using a whitelist/blacklist on server).

Decreasing the JWTs time to live will only decrease user satisfaction by requiring more frequent re-logins.

The best way to solve the issue (in my opinion) would be to save some kind of session-based approach. This will reduce the scalability of the app, though this could be improved by implementing a dedicated auth server or by using a 3rd party authentication provider.

Not sure whether this is in the scope of the project, but I wanted to get these concerns out there just in case anyone is considering using this auth scheme in their own projects.

Link not working

Your provided heroku link of this web application is not working. It is showing "Deceptive site ahead".

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.