Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ali-sanad/mern-stack-social-media-app

Social Network Application
https://github.com/ali-sanad/mern-stack-social-media-app

express hooks mongodb mongoose nodejs react redux redux-thunk

Last synced: 25 days ago
JSON representation

Social Network Application

Awesome Lists containing this project

README

        

## Social Network Application

### Built with React, Redux, Node, Express, and MongoDB

#### [Live App :rocket:](https://mern-social-network-app.glitch.me/)

Features include adding and deleting posts, viewing profiles, liking posts, and commenting.

## Description

The **Social Network Application** is a full-stack MERN app that allows users to engage with content through adding and deleting posts, liking them, and commenting. It utilizes React for the frontend and Express with MongoDB for the backend, implementing Redux for state management.

## Tech Stack

- **React**
- **Redux**
- **Node.js**
- **Express**
- **MongoDB**
- **JWT**

## Run the app locally 💻

1. Clone the repository:
```
git clone https://github.com/ali-sanad/social-network-app.git\
```

> Make sure to add the `.env` file in the root directory of the repo with all the secret values as described in `.env.sample`

2. Run the server:
```
npm start
```

3. Run the client app:
```
npm start
```