/Social-Networking-Mern

Primary LanguageJavaScript

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

Homepage

  • Post

Post

  • Profile profile

  • Search search

  • Chat chats

  • HomePage

startpage

  • Login and Register 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