Social-Networking-Mern

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

Social-Networking-Mern

(★ 65)

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

Social-Networking-Mern 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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](https://user-images.githubusercontent.com/77838959/189939979-b409517f-7c6c-479d-978c-b7c45019d4ed.png)

- Post

![Screen Shot 2022-09-13 at 5 16 58 PM 1](https://user-images.githubusercontent.com/77838959/189940364-b73e087f-0e6b-4e29-892d-29933ea5ad43.png)
- Post (Like - Comment)

![Screen Shot 2022-09-13 at 5 07 48 PM 1](https://user-images.githubusercontent.com/77838959/189940395-dad9571d-4472-4282-8f58-b7931195fe2e.png)
- Profile

![Screen Shot 2022-09-13 at 5 18 10 PM](https://user-images.githubusercontent.com/77838959/189940771-5dab7b1a-dfc2-4279-a0f1-c94554edd3c4.png)

- Search

![Screen Shot 2022-09-13 at 5 08 38 PM](https://user-images.githubusercontent.com/77838959/189940854-2ea614be-757a-43cc-b8fc-07d6c6340c65.png)
- Chat

![Screen Shot 2022-09-13 at 5 13 51 PM](https://user-images.githubusercontent.com/77838959/189940972-062de411-9836-4a7b-82aa-19f9b58bcfc3.png)
- Chat

![Screen Shot 2022-09-13 at 5 13 12 PM](https://user-images.githubusercontent.com/77838959/189941034-df3fd0c7-c6b7-4fb3-88ad-05b2322ef265.png)
- Search For Chat and notifications

![Screen Shot 2022-09-13 at 5 43 46 PM](https://user-images.githubusercontent.com/77838959/189946602-a89f0958-00d1-4ce2-b003-6f375acedb43.png)

![Screen Shot 2022-09-13 at 5 14 06 PM](https://user-images.githubusercontent.com/77838959/189941092-072d657b-cf95-4376-a742-2a989445d537.png)
- profile unfollow

![Screen Shot 2022-09-13 at 5 22 17 PM](https://user-images.githubusercontent.com/77838959/189941644-78f0ce9b-0b13-449a-a88e-092a5dc428d3.png)
- profile follow

![Screen Shot 2022-09-13 at 5 22 12 PM 1](https://user-images.githubusercontent.com/77838959/189941691-55d525e3-1cdf-4acb-babb-196181a6ef90.png)
- HomePage

![Screen Shot 2022-09-13 at 5 57 02 PM](https://user-images.githubusercontent.com/77838959/189949947-4841d9d6-730b-4747-aa0b-b8b8722c9974.png)

- Edit Profile

![Screen Shot 2022-09-13 at 5 24 30 PM](https://user-images.githubusercontent.com/77838959/189942266-f2c3ac08-98e2-48cb-90af-e4c76a30b8a8.png)

- Login and Register 
![Screen Shot 2022-09-13 at 5 34 48 PM](https://user-images.githubusercontent.com/77838959/189944829-f3f20167-1389-4526-b801-a952c28c9ce0.png)
![Screen Shot 2022-09-13 at 5 34 53 PM](https://user-images.githubusercontent.com/77838959/189944856-0d310de5-943b-41aa-9192-7cee878b42b7.png)
![Screen Shot 2022-09-13 at 5 34 59 PM](https://user-images.githubusercontent.com/77838959/189944874-3d63b0c5-3db9-4ff6-8429-143c1058fbfd.png)

# 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

Social-Networking-Mern

Social-Networking-Mern 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Social-Networking-Mern

Social-Networking-Mern 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README