vuestacks-calendar-MEVN-vuex-mongoose

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

alt text

Overview

The VueStacks calendar MEVN demo utilizes an Axios HTTP client and Express server to create and delete calendar events.

See full component in components/Calendar.vue

See ./store to view Vuex state management setup.

See api/post.route.js to view Express router setup.

See api/post.model.js to view Mongoose schema setup.

Setting Up Node/Express/MongoDB

  1. Navigate to the folder “vuestacks-calendar-mevn-mongoose/api” in the CLI
  2. Run npm init
  3. Run nodemon server to start the server
  4. In cloud.mongodb.com, retrieve the connection string for your MongoDB cluster
  5. Add your connection string to DB = '' in api/DB.js

Enjoy the demo! Submit an issue if you see anything that could be improved!