1. The frontend

Use HTML, CSS, and Javascript, along with the Vue JS Javascript framework. Also, use the Bootstrap UI framework with Vue JS. This is done via Bootstrap-Vue which provides a set of Vue JS components styled to look pretty with Bootstrap. This will be very handy for the assignment as Bootstrap-Vue already comes with a large number of ready-to-use components such as Cards and Modals

2. The backend

For the backend use Node JS and Express to build a RESTful API that can provide data to the app. This will serve as the bridge between the frontend and the database. You will be implementing CRUD (Create, Read, Update, Delete) operations that correspond to the functionality described in the previous section.

3. The database

Use MongoDB. One simple way to store the data is to have a Mongo collection of boards. Each board would be a separate Mongo document. This document could contain a ”lists” array property, and each list could contain a ”cards” array property.

[Optional] Firebase

If you prefer to use Firebase instead of Express and Mongo you are free to do so. However, you will have to make sure your UI updates in real-time across devices by using Cloud Firestore and also deploy the app to Firebase Hosting to receive the full marks.

Deadline, upload and grading


  • Hard deadline at 23:55 on the 14th of December 2018.

Assignment upload

Assignment (1p)

  • Feature 1 - 0.6p
  • Feature 2 - 0.2p
  • Feature 3 - 0.2p


se/assignment/01.txt · Last modified: 2019/09/09 22:47 by emilian.radoi
CC Attribution-Share Alike 3.0 Unported Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0