• 

  Chore Champion Kiosk mode

• 

  Chore Champion Dashboard

Chore Champions - Project Story

Inspiration

As a parent, I was tired of the constant nagging about chores and the unfair distribution of household tasks. Traditional chore charts just don't work - they're boring, easy to ignore, and create more arguments than solutions.

I wanted to build something that would actually motivate kids to help around the house while making it fair and visible for everyone. The idea was simple: apply the same engagement principles that make games addictive to real-world responsibilities.

What it does

Chore Champions is a web app that gamifies household chores for families:

• XP System: Complete chores to earn experience points
• Leaderboards: Family rankings with real-time updates
  
• Rewards Store: Redeem points for privileges like extra screen time
• Kiosk Mode: Touch-friendly tablet interface for the kitchen
• Progress Tracking: Visual charts and weekly calendars
• Live Features: Real-time clock and weekend countdown

The app works as both a parent dashboard and a kid-friendly kiosk that can run on any tablet.

How we built it

Tech Stack:

• React 18 + TypeScript
• Vite for fast development
• Tailwind CSS for styling
• Framer Motion for animations
• Radix UI components
• Local storage for data persistence

Architecture:

• Component-based design with reusable UI elements
• React Context for state management
• Responsive layout that adapts from desktop to tablet
• Dual-mode interface (dashboard vs kiosk)

Challenges we ran into

• State Management: Handling complex family data with time-based calculations across multiple views
• Responsive Design: Making it work equally well on desktop and tablet kiosk mode
• User Experience: Balancing competition with cooperation to avoid family conflicts
• Performance: Keeping animations smooth while handling real-time updates

Accomplishments that we're proud of

• Built a genuinely engaging system that kids actually want to use
• Created seamless dual-mode interface (parent dashboard + kid kiosk)
• Implemented real-time XP calculations and leaderboard updates
• Designed a flexible data model that works for any family size
• Added accessibility features including keyboard navigation

What we learned

• The importance of immediate positive feedback for behavior change
• How to balance gamification without trivializing real responsibilities
  
• Component reusability is crucial for maintainable code
• Performance optimization matters more when targeting children as users
• Real family testing reveals usage patterns you'd never anticipate

What's next for Chore Champions

Short-term:

• Cloud sync across devices
• Mobile app version
• Better customization options
• Advanced analytics

Long-term:

• AI-powered chore suggestions
• Multi-family challenges
• Smart home integrations
• Educational partnerships

The goal is to expand beyond chores to become a platform for positive family engagement and better communication.

Built with React and TypeScript. Created with Bolt.new.

Built With

• clsx
• date-fns
• eslint
• framer-motion
• framer-motion;-cloud-services:-none;-database-apis:-none;-other-technologies:-radix-ui
• javascript;-frameworks:-react
• lucide
• radix-ui
• react
• react-router
• sonner
• tailwind-css
• tailwind-merge
• typescript
• typescript-eslint
• vite