Urgent.News

What's breaking now, across thousands of outlets.

Tech

From ClasseViva to Home Assistant: a dashboard architecture in practice / Da ClasseViva a Home Assistant: architettura di una dashboard in pratica

English Italiano The challenge ClasseViva presents school information across different screens. CVV Dashboard brings averages, grades, noticeboard messages, agenda events, teacher annotations, published reports and homework into Home Assistant. The project has two parts: a Home Assistant integration that exposes the data, and a Lovelace card that presents it. The card discovers the integration’s…

ClasseViva is a school information system that displays various data across different screens. To bring this information into Home Assistant, the CVV Dashboard project was created, which consists of two main components. The first component is a Home Assistant integration that exposes the data, while the second component is a Lovelace card that presents the data. The Lovelace card automatically discovers the integration's entities, so users do not have to manually copy entity_id in the configuration.

The Lovelace card is versatile and can display a variety of information, such as averages, grades, the noticeboard, agenda, notes, reports, and homework. It can also display a combined view of these different data types. This allows the dashboard to focus on one kind of information at a time while maintaining consistent YAML configuration.

Each student is assigned four Home Assistant calendars: Agenda, Homework, Teacher notes, and Room bookings. Keeping these calendars separate allows users to independently select each calendar and assign a color to it in Home Assistant. The card also features a school-year selector that fetches data for a specific year on demand.

When the data for a year is not already configured, it retrieves the data using the active login and caches it for 30 minutes. This feature enables users to browse previous years without needing to add the same account multiple times.

Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.

Read the original at dev.to →

More in Tech

Website Redesign: 7 Signs Your Business Website Needs a Refresh

A website redesign is one of the best investments a growing business can make, but knowing when the time has come is not always easy.

  • Difficult to use on phone, requiring zooming and struggling with buttons
  • Pages take too long to load, frustrating visitors and harming SEO
  • Design no longer reflects current business, outdated brand representation

Hi Everyone!

I'm Shivangi. I joined DEV Community to document my learning, share my project updates and connect with fellow developers and professionals. Excited to be a part of this community!

React state has no type of its own. I gave it one, and it compiles away

In Vue, Solid, and Angular, state has a type of its own: Ref<T> , Accessor<T> , Signal<T> . In React, the count from useState is just a number .

  • React preprocessor introduces Reactive T for reactive state
  • Derived T represents computed state from Reactive T
  • Todo component demonstrates reactive state management

More from Thursday 15 October →