Design

Overview

The Disfactory frontend uses Vue.js 2.x as the main framework. It is a single-page application (SPA) that communicates with the backend API server.

For the map, we use OpenLayers as the map library. The map is rendered in the Map.vue component, with map.ts as the main logic for the map.

Libraries

Vue.js 2.x
- Vue composition API
OpenLayers
Vuetify 2.x: Material Design component framework for Vue.js. Most of the UI components are built with Vuetify.

Directory Structure

public/: Static files
src/: Main source code directory
- components/: Vue components
- lib/: Libraries and utilities