COMo UI

This is the frontend for the COMO Platform, a system to collect measurements from networked CO2-sensors for indoor air-quality monitoring.¹

The frontend is a Vue 3 single page application. Tailwind CSS is used for styling, Headless UI for accessible UI components, and Heroicons as the icon library.

Setup

Vite is used as the build tool.

Assuming the backend API is available on localhost:8888 (see dev setup).

The backend provies a json:api which is accessed from the frontend via the jsonapi-vuex library.

To install the dependencies:

yarn

To run the frontend in local development mode:

yarn dev

eslint is set up to run linting, it will use prettier as well.

yarn lint

Recommended Reading

• Composition API
  • Setup
  • Lifecycle Hooks
• Vuex + Composition API
• Nested Routes
• Programmatic Navigation

Footnotes

1. The clair platform and the Clair-Berlin initiative are now part of the CO2-Monitoring (COMo) project, funded by a grant from the Senate Chancellery of the Governing Mayor of Berlin. ↩