Introducing the KidsChores and Rewards Dashboard

Share your Projects! Dashboards & Frontend
1

:house_with_garden: Kids Chores and Rewards Dashboard

A fully automated UI dashboard designed for the KidsChores Integration by @VaReTaS, seamlessly integrating with Home Assistant. This dashboard provides a front-end interface for interacting with the KidsChores system, which manages all backend logic for chores, points, rewards, and penalties. No custom buttons or manual dashboards are needed—just install, configure, and enjoy a fully featured interface in minutes.

:star2: Overview

The KidsChores Dashboard is a front-end UI built on top of the KidsChores Integration, which handles all chore tracking, reward management, and point calculations in the background. The dashboard provides a user-friendly interface to interact with those features, giving kids a fun, engaging experience and parents a complete management view without any manual setup.

image
image1788Ă—827 127 KB

What This UI Provides:

:white_check_mark: A fully automated, kid-friendly interface for viewing and claiming tasks.
:white_check_mark: A comprehensive parent control panel for reviewing and approving chore completions and rewards.
:white_check_mark: Automatic categorization of chores based on their due dates and statuses.
:white_check_mark: Built-in gamification with badges, streaks, challenges, and rewards.
:white_check_mark: Real-time tracking of achievements and challenges in easy-to-read cards.
:white_check_mark: Designed to work well on mobile screen size but also works great on desktop, and tablets

What the KidsChores Integration Handles (Backend):

:small_blue_diamond: Chore state management (e.g., overdue, claimed, completed).
:small_blue_diamond: Point calculations and balances.
:small_blue_diamond: Badge, challenge, and reward logic.
:small_blue_diamond: Approvals and penalties tracking.

:pushpin: Features at a Glance

:child: For Kids

:white_check_mark: Chores organized by category: Overdue, Morning, Daily, and Anytime.
:white_check_mark: Track progress with badges earned, streak counts, and points.
:white_check_mark: Redeem rewards quickly with an interactive button system.
:white_check_mark: View achievements and challenges with clear progress indicators and rewards.

:family_woman_boy: For Parents

:white_check_mark: Chore Approvals: Instantly approve or deny completed chores with a simple hold action.
:white_check_mark: Reward Approvals: Quickly review and approve claimed rewards.
:white_check_mark: Overdue Chore Management: Reset all overdue chores or individual chore statuses with one tap.
:white_check_mark: Due Date Adjustments: Change the due date of any chore, including adding or clearing dates.
:white_check_mark: Penalties: Apply deductions for missed or overdue tasks.
:white_check_mark: Manual Points Adjustments: Add or remove points for corrections or bonuses.
:white_check_mark: 7-Day Activity Log: View a complete history of chore claims, approvals, penalties, and rewards.

:rocket: Ready to Explore or Get Started? :rocket:

:pushpin: Full Project and Installation Instructions:

:point_right: KidsChores HA Dashboard Project

Buy Me A Coffee

I’d like to hear your feedback. Feel free to:

:speech_balloon: Ask questions or share your experience
:camera_flash: Post your dashboards to inspire others

Link below to the integration that runs this dashboard

15 Likes
2

Reserved for future updates

3

Fantastic, will try this out

4

This is fantastic and comes at the perfect time for my family. I don’t think these are “Issues” so I don’t want to open one, but need clarification on two items in the admin panels.

  1. The Chore Approvals (Thumbs up/down) look like buttons, but when I tap one I just get a History/Logbook pop-up.
  2. The Chore Admin Actions panel says entity not found for input_select.kc__chore_list. Appears to be missing from the entities in the KidsChores integration, too. So maybe this is not dashboard-related.

Happy to post code, but the only thing I changed was Find and Replace Kid’s Name.

Thanks.

5

@rstremke - I hope it works well for you!

#1 - Most of the buttons in the parent section are “Hold to Approve” which is just a way to help ensure you don’t accidently click on one since it’s easy to do. Based on my kids feedback, I changed all the chore and reward buttons to be single click. I tried to call that out in the documentation, but it’s easy to miss until you know to look for it. GitHub - ccpk1/kidschores-ha-dashboard: Kids Chores is a custom integration for Home Assistant. This is a dynamic dashboard that can provide a simple full featured interface into the capabilities of that integration without building individual chores and dashboards.

One of the great things about the dashboard is it’s pretty easy to customize and make it yours… You could go into the yaml of the approval buttons and switch the tap_action and hold_action if you’d prefer a single click button.

Current Config of approval buttons for hold:

              {{
                {
                  'type': 'custom:mushroom-template-card',
                  'entity': button.entity_id,
                  'primary': primary,
                  'icon': icon,
                  'layout': '',
                  'icon_color': icon_color,
                  'tap_action': {
                    'action': 'more-info'
                  },
                  'hold_action': {
                    'action': 'toggle'
                  },
                }
              }},

Single click:

              {{
                {
                  'type': 'custom:mushroom-template-card',
                  'entity': button.entity_id,
                  'primary': primary,
                  'icon': icon,
                  'layout': '',
                  'icon_color': icon_color,
                  'tap_action': {
                    'action': 'toggle'
                  },
                  'hold_action': {
                    'action': 'more-info'
                  },
                }
              }},

#2 - I think you missed step 5 of the setup which currently requires you to create a couple helpers. and an automation. I think most of that will be covered automatically by the integration updates in a few weeks, but they are needed for now. GitHub - ccpk1/kidschores-ha-dashboard: Kids Chores is a custom integration for Home Assistant. This is a dynamic dashboard that can provide a simple full featured interface into the capabilities of that integration without building individual chores and dashboards.

Lastly, It’s definitely worth taking a look at the integration Wiki we’ve been building out, I think it gives really good overview of things like badges and challenges and recurring schedules as you’re trying to get started. Home · ad-ha/kidschores-ha Wiki

1 Like
6

Hey @ccpk1
I just set this up for my 3 kids and it looks great.
I have one question, which I did not find the answer for on the wiki or the description.
For example I have a chore to “take out the dishes” and “take and the trash”, I want all the kids to be able to do that … but obviously only 1 can do that job each day and claim it, does the “shared” chorus implement that or what exactly does the “shared” chore mean in that context ?

7

Hey @ccpk1 - great work here on this dashboard for the KidsChores integration. Quick question as I’m a bit new to this level of HA, where do I paste the helper yaml? Does this go into my main config yaml file?

8

I did a write-up with @VaReTaS of how shared chores are intended to work, but missed getting it posted in the wiki. Thanks for the reminder, and see the link at that bottom.

But in short, the system only supports a shared completion model, not single completion. Could be something to revisit in the future. The wiki mentions a workaround of showing the status of the global sensor for that chore in the dashboard which would at least indicate for the others that it had been completed. I haven’t implemented anything in this dashboard to handle that yet, but possibly in the future.

Shared Chore Functionality · ad-ha/kidschores-ha Wiki

Update @Konni - This was something I originally wanted to add to my dashboard anyway, so I went ahead and added the feature and updated the document. Only downside is you’ll need to go grab the updated dashboard or at least the chores section of that to get the updates.

  • Shared chores are clearly marked with “(S)” for easy identification. When one child claims a shared chore, the dashboard visually updates for the other assigned kids by displaying a purple icon and a multi-person symbol, indicating that someone else has already completed it. However, this is purely for awareness—each child’s chore responsibility remains independently handled in the backend system. Their task can still become overdue if unclaimed, and they can still claim and get approval for completing it. While single-completion shared chores aren’t currently supported, this visual indicator can serve as a helpful workaround for families managing shared tasks.
    image
    image243Ă—139 4.17 KB
9

You have a few options… You can definitely use your configuration.yaml file for setting up those helpers. Just remember you need to reload the yaml for those in the developer tools after you do the update, or just do a system restart.

That said, you could also do it from the UI under Settings\Devices and Services\ then click the view called “Helpers” at the top of the screen. (This would be for creating the input_select for each kid and the date picker) The most important thing if you do it through the UI, is that the entity names are exactly as described. i.e input_select.kc__chore_list

The automation could then be created by going in to Settings\Automation & Scenes and create an automation. Once you have the new automation dialog up, switch to “Edit in YAML” and paste in the automation. (Paste everything from UNDER the “automation:” line.)

Worst case it will tell you it doesn’t like what you did and prevent you from applying the change, so don’t be afraid to try, just might take a couple attempts if you aren’t familiar.

10

Thank you for creating this, I’m hoping this will be a game changer in my house.

I’ve got everything up and going except for the buttons to manually change the point total aren’t showing up on the “Pluses & Minuses” dashboard. Not sure what information I can post that would be helpful.

11

Here is the background on that, but there is an easy workaround for now.

“points” are not static · Issue #5 · ccpk1/kidschores-ha-dashboard

12

I’m still very new to HA myself so appreciate all the help you have provided so far. I followed your direction of inputting the Automation helper in via the YAML editor and I’m getting an error when saving. I cut and pasted everything below “automation” line. Here’s what I see:

image
image980Ă—609 29.6 KB

P.S. I know I didn’t change the “kidname”, leaving it default for internet safety :slight_smile:

13

It looks like you went into the UI automation to add that automation. That works fine, but you need to remove the “-” in front of alias and replace it with a space. I updated the ui-helper file with a copy / paste version at the bottom of the examples for those that want to use the UI to create the automation.

For others looking at this, I also added some additional instruction for adding to your configuration.yaml, as well provided exact cut and paste yaml for 1 kid, 2 kids, and 3 kids.

kidschores-ha-dashboard/files/kc-dashboard-uihelpers.yaml at main · ccpk1/kidschores-ha-dashboard

14

Hi

Thanks a lot for your work !

I install the integration then your dashboad, setup the helpers and automation.
However I have a problem. When I long press a chore, I see on activity that the core status changed to claim.

However, on the parent side, I don’t see the approval directly. It takes 5mn.
And the same thing if I disapprove a chore.

Is it normal ?

15

The additional automation is set to run every 5 minutes - if you want it quicker than that you can change it in the automation

16

I have this up and running but is there a way to only show the parent stuff on a different user’s screen (otherwise the kid can just approve it themselves?)

EDIT: OK this was easy - just edit the parent section of the dashboard and change visibility → user to the parents.

1 Like
17

Thanks for the information :slight_smile:

18

That was it. Thank you for making it idiot proof for those of us (me!) that are new and still learning the nuances of YAML!

19

I tried to validate a chore, run the automation but nothing happen, no validation buttons appear.

It’s like the chore disappear :frowning:

20

No, that isn’t normal. The kids claim button is single click, holding that button just give you more-info about that button. As soon as the chore is claimed, it should show in the parent approvals. The approve button for parents is “Click and hold” to approve.

Regarding the automation, the only thing it is really doing, is updating the list of chores to select from in the dropdown on the dashboard. It has no impact on the functionality of the system.

If you want to log and issue on github and provide a little more detail, I’ll try to help you figure it out. That said, the first thing I would do is a page refresh, and then maybe check if your system is overloaded and running slow in general.