Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sakilk130/mern-social-media-app


https://github.com/sakilk130/mern-social-media-app

express mern mern-stack mongodb nodejs react redux

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

# MERN Social Media App (MongoDB, Express, React, Node)

## About

Simple social media site build with [MongoDB](https://www.mongodb.com/) , [Express](https://expressjs.com/) , [React](https://reactjs.org/) and [Node](https://nodejs.org/).

## 1. Getting Started

First clone this repository.

```
git clone https://github.com/sakilk130/mern-social-media-app.git
```

Install dependencies. Make sure you already have [`nodejs`](https://nodejs.org/en/) & [`yarn`](https://yarnpkg.com/) installed in your system.

```
yarn
```

## 2. Getting Started With Server

Go to [`./server`] directory and Install dependencies.

```
yarn
```

Copy .env.example to .env and fill all the values.

```
cp .env.example .env
```

Run the api server.

```
yarn server:dev
```

## 3. Getting Started With Client

Go to [`./client`] directory and Install dependencies.

```
yarn
```

Copy .env.example to .env and fill all the values.

```
cp .env.example .env
```

Setup firebase.

Run the client server

```
yarn start
```

## Built with

### Server

- NodeJS
- ExpressJS
- MongoDB
- Mongoose
- Nodemon
- JWT
- TypeScript

### Client

- React
- Redux
- React-Redux
- Redux-Thunk
- React-Router-Dom
- React Bootstrap
- TypeScript
- Firebase
- Material UI

## Author

Sakil Khan
[@sakilk130](https://github.com/sakilk130)