ipapy93 / homeassistant-herveaurel

Mad-Geek : My Custom Dashboard

HomeAssistant

French group Home Assistant

Mad Geek

My dashboard compatible with PC, smartphone, tablet

INTRODUCTION

Content :

• lovelace UI mode : lovelace.yaml is a full copy from the HA UI editor
• Custom light and dark themes
• Sensor and template files

I'm not an expert, I'm just a hobbyist.
The code is certainly not written in the best way, but I created this with my limited knowledge.
I write everything myself, so please be understanding! 😊

👉🏼 There will be changes as I regularly evolve my dashboard with my ideas.

SCREENSHOTS

And more !

CHANGELOG

Read the CHANGELOG file : Updated on 09-22-2023

INSTALLATION

It's not a one-click setup!

Some knowledge is required before diving in:

• Install a few HACS integrations necessary for proper functionality.

  The unavoidable :

  lovelace-card-mod
  Add CSS styles

  lovelace-layout-card
  Get more control over the placement of lovelace cards

  vertical-stack-in-card
  To group multiple cards into a single sleek card

  button-card
  Lovelace button-card

  apexcharts-card
  Higly customizable graph card

  Lovelace Mini Graph Card
  Minimalistic graph card

  Paper Buttons Row
  Adds highly configurable buttons that use actions and per-state styling

  bar-card
  Customizable Animated Bar card

• Create the right sensor templates because I use them extensively and call them throughout the cards.

• Know where to copy and paste each part, whether it's the sensor templates, the contents of Lovelace, or the button card templates.

• Adjust the entities, remove the unnecessary ones, etc.

You need to adapt it to your configuration!

Dashboard created in 4 columns, thanks to the "layout card" available on HACS:

• The tab is configured with View Type: Horizontal (layout-card) / width: 350 / max_cols: 4
• A "vertical stack" column is nested within a card with :

type: custom:layout-card
layout_type: masonry
layout:
  width: 280
cards:

I recommend that you install and use my themes for perfect optimization of my codes. If you prefer to use other themes, copy the "Additions for my lovelace" part into your favorite theme.

Then copying the button card templates.

And then starting to copy pieces of Lovelace.

SETUP

• Raspberry 4 + SSD
• USB Sonoff Zigbee 3.0
• Bluetooth Sena Parani UD100
• Orange Livebox 4
• Tenda Nova MW6 and 1 MW12

I use Alexa for voice commands and Apple Home on the Apple Watch.

THANKS

I work alone, I code almost everything with 'custom:button-card', I invent a lot of things, and lately, I've modernized my Dashboard, inspired by the wonderful work of my friend Quentin Cloos. I don't copy his codes, I replicate them in my own way. I invite you to take a look at his work, it's exceptional!
Mobile First and Bubble Card.

Do you know the amazing gauges developed by André Fortuna Gouveia? I love them! Thanks to him!
HATC-GAUGE-CARD

---

VIP

If you like it, please give my repo a star! 🌟
If you'd like to buy me a beer 🍺 or a coffee ☕️, say thanks 🙏, show some love ❤️‍🩹