Skip to content

Built a project with MERN stack, This is social media platform where you can share posts, react to posts, follow users, and chat with users in real time

Notifications You must be signed in to change notification settings

Fang-Zhang/Social-Networking-Mern

 
 

Repository files navigation

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

About

Built a project with MERN stack, This is social media platform where you can share posts, react to posts, follow users, and chat with users in real time

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 25.7%
  • SCSS 25.2%
  • CSS 24.7%
  • Less 24.2%
  • HTML 0.2%