Design, mockupping and prototyping of a mobile application to find and participate or create group activities, made as final assignment for the Human Computer Interaction course at Università degli Studi di Firenze by Federico Tammaro and Tommaso Barletti. This is only a prototype and not completely functional: no backend and side functionalities have been implemented and the application has an initial local state restored every time the application is started. Full project report (in Italian) can be found here.
- Vue.js as the main programming framework for HTML, JavaScript and CSS
- Vuex - State management pattern and library for the application state
- Vue Router - Official Vue.js router used for the internal application navigation to create a single-page application
- Vue Material - Library that eases the use of Material Design in a Vue.js application
- Cordova to deploy everything as a mobile application and use it as a native smartphone application
The application requires the installation of Vue.js via NPM (full instructions can be found here)
npm install vue
and Cordova: since the installation varies with each OS, full instructions to install Cordova and add the needed platforms can be found here.
Cordova needs the following plugins, that can be installed as follows:
cordova plugin add cordova-custom-config
cordova plugin add cordova-plugin-fullscreen
cordova plugin add cordova-plugin-whitelist
Then, the installation of all the needed node modules can be done directly via NPM by navigating inside the project folder and executing
npm install
Then, the application can be run locally (not recommended since it is designed as a mobile application) using
npm run dev
or deployed on the smartphone (after having configured Cordova) using
npm run build
cordova [platform] build
cordova run [platform] --device
