oanaOM/mtm-prototype

Smaply Prototype

A persona profil prototype site built as a single-page app using VueJs.

Overview

The entry point of the application is in App.vue component. Once the App.vue component is loaded, a dispath is made using vuex store to fetch the data from the API. Using the stored data Toolbar and Persona components are populated. More details are described in the workflow diagram below:

Technologies

• VueJs: Javascript Frontend framework.
• Axios package: a HTTP client library.
• Vuex: a state management pattern and library. Profile module: brings the data profile info from API.
• Sass-loader package: used to load Sass and compile in CSS.
• Drag and Drop API: used to create the drag and drop effect.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve