WhatToDo (MEVN)

Table of Contents

Introduction
Features
Tech Stack
Run The Project Locally
UI Examples
Demo

Introduction

This is a very basic CRUD todo-list fullstack application. It's a part of my "One App Multi-stacks" series. This version is created with VueJS (frontend), NodeJS & ExpressJS (backend), MongoDB (database).

The purpose of the project is practicing my fullstack development skill and the technology.

Features

For simplicity's sake, there is no user feature in the app.

• Create/Read/Update/Delete todos (priority, deadline, description)
• Create/Read/Update/Delete projects
• Create/Read/Update/Delete Projects' todos

Tech Stack

1. VueJS
2. Vuestic
3. Cypress
4. ExpressJS
5. MongoDB
6. Docker

Run The Project Locally

📢 For all of the step below: make sure that you're in the project's directory 📢

Using Terminal and VSCode

1. Run the Backend

    cd server
    npm run start
   

2. Run the Frontend

    cd client
    yarn run production
   

Check the app out at http://localhost:8080/

Using Docker

    ./deploy.ps1

Check the app out at http://localhost:8080/

E2E Testing

yarn run cypress

UI Examples

Demo

https://oams-whattodo-mevn.netlify.app