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
![Screen Shot 2022-09-13 at 5 06 52 PM](https://user-images.githubusercontent.com/77838959/189939979-b409517f-7c6c-479d-978c-b7c45019d4ed.png)
![Screen Shot 2022-09-13 at 5 16 58 PM 1](https://user-images.githubusercontent.com/77838959/189940364-b73e087f-0e6b-4e29-892d-29933ea5ad43.png)
![Screen Shot 2022-09-13 at 5 07 48 PM 1](https://user-images.githubusercontent.com/77838959/189940395-dad9571d-4472-4282-8f58-b7931195fe2e.png)
![Screen Shot 2022-09-13 at 5 18 10 PM](https://user-images.githubusercontent.com/77838959/189940771-5dab7b1a-dfc2-4279-a0f1-c94554edd3c4.png)
![Screen Shot 2022-09-13 at 5 08 38 PM](https://user-images.githubusercontent.com/77838959/189940854-2ea614be-757a-43cc-b8fc-07d6c6340c65.png)
![Screen Shot 2022-09-13 at 5 13 51 PM](https://user-images.githubusercontent.com/77838959/189940972-062de411-9836-4a7b-82aa-19f9b58bcfc3.png)
![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)
![Screen Shot 2022-09-13 at 5 22 17 PM](https://user-images.githubusercontent.com/77838959/189941644-78f0ce9b-0b13-449a-a88e-092a5dc428d3.png)
![Screen Shot 2022-09-13 at 5 22 12 PM 1](https://user-images.githubusercontent.com/77838959/189941691-55d525e3-1cdf-4acb-babb-196181a6ef90.png)
![Screen Shot 2022-09-13 at 5 57 02 PM](https://user-images.githubusercontent.com/77838959/189949947-4841d9d6-730b-4747-aa0b-b8b8722c9974.png)
![Screen Shot 2022-09-13 at 5 24 30 PM](https://user-images.githubusercontent.com/77838959/189942266-f2c3ac08-98e2-48cb-90af-e4c76a30b8a8.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