shitty-leaderboard
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
index.ts
https://jonbo--a41cb1d24e6111f0867676b3cceeab13.web.val.run
A clean, modular leaderboard for celebrating household contributions. Designed with guitar pedal aesthetics - each chore is a discrete module that can be composed, forked, and interconnected.
Modularity • Interoperability • Forkability
Inspired by guitar pedal boards where each effect is a discrete unit that can be:
- Composed together in different arrangements
- Forked and modified independently
- Interconnected through standard interfaces
- Swapped in and out as needed
- Two-tone color scheme based on the main Shitty app (amber/yellow gradients)
- Mainly text-based with chore emojis as the only visual flourishes
- Clean module boxes that look like guitar pedals or rack units
- Connection points suggesting modular interconnection
- Status LEDs for at-a-glance system health
- Weekly Cycles: Shows contributions from past 7 days only
- Active Modules Only: Inactive chores don't clutter the interface
- Real-time Updates: Polls every 30 seconds
- Modular Layout: Each chore is a discrete, self-contained module
- Clean Typography: Focus on readability and information hierarchy
https://your-val-url.web.val.run/?instance_id=your_sync_id
Each chore module contains:
- Header: Chore icon, name, and weekly count
- Status LED: Color-coded activity indicator (green/yellow/blue)
- Body: Clean list of contributors with counts
- Footer: Connection points suggesting modularity
- Read-only: Safe for public display
- Lightweight: Minimal dependencies, fast loading
- Responsive: Works on all screen sizes
- Forkable: Clean, simple codebase easy to modify
Like a good guitar pedal:
- Single responsibility: Each module does one thing well
- Standard interface: Consistent data format and API
- Hot-swappable: Can be added/removed without breaking the chain
- Composable: Multiple modules work together seamlessly
Perfect for households experimenting with different ways to visualize and celebrate shared contributions.
Modular • Interoperable • Forkable