Skip to content

Latest commit

 

History

History
142 lines (96 loc) · 4.9 KB

README.md

File metadata and controls

142 lines (96 loc) · 4.9 KB

Social Media Complete Mern project

A MERN stack based project on social media application. It is completely working project. Its' completely responsive application. MongoDB Express React Redux NodeJs are user in this projec

Features

  • Register and Login users.
  • Posts
    • Posts include text(caption) and image(s).
    • Like posts
    • Deleting Posts
    • Comment on posts
      • View all comments on a post
      • Deleting Comment
  • Realtime Messaging
    • Dark and Light Mode
    • Realtime Typing
    • Search for Chat
    • Notifications for new Message
  • Search for users with auto complete
  • user suggestions menu.
  • Profile Pages
    • Change profile picture
    • Change email - password - name
    • Follow / Unfollow Users
    • Add your own bio
  • profile page shows user details and posts with following and followers menu.
  • password is stored in database in encrypted format with salt.
  • Dark Mode Support in Chat Page

=======

Complete Mern Social Media project

A MERN stack based project on social media application with Realtime Chat. It is completely working project. Its' completely responsive application. MongoDB Express React NodeJs socket-io are user in this project

Features

  • Register and Login users.
  • Posts
    • Posts include text(caption) and image(s).
    • Like posts
    • Deleting Posts
    • Comment on posts
      • View all comments on a post
      • Deleting Comment
  • Messaging
    • Realtime Messaging
    • Dark and Light Mode
    • Realtime Typing
    • Search for Chat
    • Notifications for new Message
  • Search for users by name or email with auto complete
  • user suggestions menu.
  • Profile page shows user details and posts with following and followers menu.
    • Follow / Unfollow Users if profile page
  • Edit Profile
    • Change profile picture
    • Change email - password - name
    • Add your own bio
  • password is stored in database in encrypted format with salt.

Screenshots

  • HomePage

Screen Shot 2022-09-13 at 5 06 52 PM

  • Post

Screen Shot 2022-09-13 at 5 16 58 PM 1

  • Post (Like - Comment)

Screen Shot 2022-09-13 at 5 07 48 PM 1

  • Profile

Screen Shot 2022-09-13 at 5 18 10 PM

  • Search

Screen Shot 2022-09-13 at 5 08 38 PM

  • Chat

Screen Shot 2022-09-13 at 5 13 51 PM

  • Chat

Screen Shot 2022-09-13 at 5 13 12 PM

  • Search For Chat and notifications

Screen Shot 2022-09-13 at 5 43 46 PM

Screen Shot 2022-09-13 at 5 14 06 PM

  • profile unfollow

Screen Shot 2022-09-13 at 5 22 17 PM

  • profile follow

Screen Shot 2022-09-13 at 5 22 12 PM 1

  • HomePage

Screen Shot 2022-09-13 at 5 57 02 PM

  • Edit Profile

Screen Shot 2022-09-13 at 5 24 30 PM

  • Login and Register Screen Shot 2022-09-13 at 5 34 48 PM Screen Shot 2022-09-13 at 5 34 53 PM Screen Shot 2022-09-13 at 5 34 59 PM

What you need to run this application:

  • Node
  • MongoDB or Mongo Atlas
  • NPM

How to run this application

  • Make sure MongoDB is running on your system or online.
  • include MongoDB database link in .env file.
  • Open command line in the cloned folder,
  • To install dependencies for backend, run npm install in main folder.
  • To run backend type command node server in main folder.
  • To install dependencies for frontend , run npm install in /FrontEnd folder.
  • To run frontend type command npm start in /FrontEnd folder.

parent of 111ec04... Update README.md