PROJECT DOSSIER // [VUE TO-DO]VIEW SOURCEBACK TO PROJECTS →

01 // PROJECT AT A GLANCE

VUE TO-DO

JSHTML

Redoing a to-do list with Vue.js, to see what really changes when you change tools.

After three React projects, a fourth deliberately carried out with a competing technology: Vue.js. The application is a classic to-do list, but the real goal is comparative — seeing how another tool solves the same problems, and separating what comes from general ideas from what comes from a particular framework.

A Vue.js application with single-file components, centralised state management through Vuex and a Vuetify interface.

MEDIAARCHIVED RECORD
MEDIA ATTACHMENTS (Images, Photos, Videos)

02 // PROJECT SIGNALS

DATE:
2019
PRIMARY LANG:
JavaScript
GRADE:
—
DURATION:
2 weeks
SECONDARY:
HTML
STACK:
Vue.js / Vuex

03 // KEY OUTCOMES

  • An openly comparative approach between two front-end ecosystems
  • Centralised state management introduced beyond the application's actual need

BEYOND THE BRIEF

  • A Vuex store when local state would have been enough for a to-do list, precisely in order to handle Vue's model

04 // SOURCE TREE

READING SOURCE…