Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/melody4482/monti-ecommerce

Ecommerce Site with MERN Stack
https://github.com/melody4482/monti-ecommerce

bootstrap ecommerce meodydev mern mui

Last synced: 2 months ago
JSON representation

Ecommerce Site with MERN Stack

Awesome Lists containing this project

README

        

# MERN Ecommerce Application

Currently under construction for additional features

# Description

Full-stack ecommerce application built with MERN stack. This project has two features:

1. Buyers register and browse the marketplace while interacting with products across different categories.
2. Admins control and manage the marketplace items and customer acounts.

# Getting Started

## Dependencies

- Nodejs - The runtime environment of the application
- Reactjs - Component based UI library
- MongoDB - NoSQL database
- Expressjs - Framework to handle routes and requests
- Mongoose - MongoDB object modeling tool to model the database schema

## Installation

After you cloned the repository do not start the application. To run the application fully you need to create a database and collection and provide your own database URI.

### Scripts

- Install all packages for client and server

```bash
npm run install-all
```
- Start Server by Production mode

```bash
npm start
```
- Start Server by Development mode

```bash
npm run dev
```

### Setup

- Go to MongoDB website and create a database and a collection named 'Items' and insert the data in the server/ItemsCollection.js file as a document.
- Create a .env file in the server folder and type the following

```
NODE_ENV = development
PORT = 5000
MONGO_URI = mongodb+srv://
```

### Running

After this you can run the project locally:

- To run the front end
- cd client
- npm start
- To run the back end
- cd server
- npm run dev
TIP: Run both in split terminal so that you can see both ends running

# Languages and tools

- [Node](https://nodejs.org)
- [React](https://reactjs.org/)
- [Expressjs](https://expressjs.com)
- [Mongoose](https://mongoosejs.com)
- [Material UI](https://mui.com/)