FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
jonbo
jonboshitty-leaderboard
Public
Like
shitty-leaderboard
Home
Code
2
README.md
H
index.ts
Branches
1
Pull requests
Remixes
History
Environment variables
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.
Sign up now
Code
/
Code
/
Search
index.ts
https://jonbo--a41cb1d24e6111f0867676b3cceeab13.web.val.run
README.md

Shitty Leaderboard • Modular Dashboard

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.

Design Philosophy

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

Aesthetic

  • 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

Features

  • 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

Usage

https://your-val-url.web.val.run/?instance_id=your_sync_id

Module Structure

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

Technical Approach

  • Read-only: Safe for public display
  • Lightweight: Minimal dependencies, fast loading
  • Responsive: Works on all screen sizes
  • Forkable: Clean, simple codebase easy to modify

Modular Principles

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

HTTP
  • index.ts
    jonbo--a4…13.web.val.run
Code
README.md
H
index.ts
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.