Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/aturingmachine/mevn-stack

A Quickstart for building an Express API with a VueJS Admin Portal
https://github.com/aturingmachine/mevn-stack

boilerplate express expressjs full-stack javascript mongo mongodb node nodejs quickstart vue vuejs

Last synced: about 2 hours ago
JSON representation

A Quickstart for building an Express API with a VueJS Admin Portal

Awesome Lists containing this project

README

        

# MEVN Stack

A Quickstart template for building a fullstack using:
- [Node](https://nodejs.org/)
- [Express](http://expressjs.com/)
- [MongoDB](https://www.mongodb.com/)
- [VueJS](https://vuejs.org/)
- [Vuetify](https://vuetifyjs.com/) as a Vue Component Framework

The application consists of an Express REST API that is consumed by a VueJS Single Page Application.

## Installation

This repository can be used via cloning the code base or copying it as a GitHub template. The process is identical excluding the first step:s

```sh
# clone this repository
git clone [email protected]:aturingmachine/mevn-stack.git [directory-name]

# or click "use this template" and clone your new repo
git clone

# run the setup script
npm run setup

# if the setup script fails:
# install dependencies in both sub-projects
npm ci
npm ci --prefix client/

# copy env file
cp .env.example .env
```

### Other Dependencies

You will also need:
- A MongoDB instance to connect to
- The [Vue CLI](https://cli.vuejs.org/) installed

## Development

This repo comes with a helper script to run both the Vue development server and Express application in the same terminal:

```sh
npm run dev
```

Either application can also be run individually:

```sh
# Start the Express application with reloading via nodemon
npm run dev:server

# Start the Vue application with HMR and Reloading
npm run dev:client
```