https://github.com/yasir761/mern-social-app

A full-stack social media application built using the MERN stack (MongoDB, Express.js, React.js, Node.js), integrated with Redux for efficient state management and Multer for handling file uploads.
https://github.com/yasir761/mern-social-app

express javascript mongodb mongoose multer nodejs reacr-router-dom reactjs redux

Last synced: about 2 months ago
JSON representation

A full-stack social media application built using the MERN stack (MongoDB, Express.js, React.js, Node.js), integrated with Redux for efficient state management and Multer for handling file uploads.

• Host: GitHub
• URL: https://github.com/yasir761/mern-social-app
• Owner: Yasir761
• Created: 2024-12-13T04:44:06.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-03-07T12:49:00.000Z (3 months ago)
• Last Synced: 2025-03-07T13:31:25.761Z (3 months ago)
• Topics: express, javascript, mongodb, mongoose, multer, nodejs, reacr-router-dom, reactjs, redux
• Language: JavaScript
• Homepage:
• Size: 48.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Social Media Web App

This project is a full-stack social media web application 🌐 that has been developed using the **MERN stack 🖥️** and **Rest API 🚀**, In this social media platform where you can share posts, like/unlike posts, Follow/Unfollow users and more.

## 🖥️ Technologies :

  

 **Frontend:**

 

- **React Js**

- **TailwindCSS**

- **CSS**

- **React-Router-Dom**

- **Redux**

**Backend:**

- **Node JS**

- **Express Js**

- **MongoDB**

- **Rest API**

- **JWT Authentication**

## 🚀 Features :

- SignUp/Register Page.

- Login Page.

- Share New Post.

- Posts Include Text(Caption).

- Like/Unlike Posts.

- Suggested Users.

- Follow/Unfollow Users.

- View No Of Followers/Following Of User.

- View Other Posts By Follow Users And React On That Posts.

- Update/Edit Profile Page User Data.

#### **What you need to run this application:**

 - Install NodeJs

 - MongoDB or MongoDB Atlas

 - Install Vs Code

 

#### **How to run this application**

- Make sure MongoDB is running on your system or online.

- Clone this repository

- Open command line in the cloned folder,

    - To install dependencies for frontend , run  `npm install` in `/client` folder.

    - To run frontend type command `npm start` in `/client` folder.

    - To install dependencies for backend, run  `npm install` in `/server` folder.

    - To run backend type command `nodemon` in server folder.