Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sakilk130/mern-e-shop

MERN E-commerce
https://github.com/sakilk130/mern-e-shop

expressjs mern mern-stack mongodb nodejs react react-redux redux typescript

Last synced: about 1 month ago
JSON representation

MERN E-commerce

Awesome Lists containing this project

README

        

# MERN E-Shop (MongoDB, Express, React, Node)

## About

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

## Getting Started With API

First clone this repository.

```
git clone https://github.com/sakilk130/mern-e-shop.git
```

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

```
yarn
```

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

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

Typescript Compilation

```
yarn watch
```

Run the api server.

```
yarn api:dev
```

Data Import

```
yarn data:import
```

## Getting Started With Client

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

```
yarn
```

After that, go back root directory

```
cd ..
```

Run the client server

```
yarn client
```

Admin Login

```
email: [email protected]
password: 123456
```

User Login

```
email: [email protected]
password: 123456
```

## Built with

### API

- NodeJS
- ExpressJS
- MongoDB
- Mongoose
- Nodemon
- Colors
- Express async handler

- JWT
- TypeScript

### Client

- React
- Redux
- React-Redux
- Redux-Thunk
- React-Router-Dom
- React Bootstrap
- TypeScript

## Author

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