Project
Roulette

Meetup Scheduler

Everyone paints their availability and the best slot lights up.

IntermediateWeb appProductivity10–20hAI-buildable 5/5no setupworth shipping

A when2meet-style grid where each person drags across time slots they're free, and overlapping availability shades darker. The paint-by-drag interaction and the heat overlay make the answer obvious without anyone doing arithmetic.

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 7

  • Create an event with a date range and daily time window
  • Participants paint their availability by dragging across the grid
  • Overlap shades darker as more people are free
  • Hovering a slot lists exactly who is available
  • The best slots are highlighted automatically
  • Each participant's own availability is editable later
  • Times display in each participant's local timezone

The interesting part

  • Drag-painting across a grid including drag-to-erase
  • Rendering the same absolute slots correctly in different timezones
  • Keeping the grid usable on touch where drag conflicts with scroll

Once it works

  • Add a maybe state alongside yes and no
  • Add a final-time announcement with an ICS download
  • Add required-participant weighting

Suggested stack

reacttypescripttailwinddate-fnssupabase

Track it