A web-based design tool for creating personalized, printable planning sheets. Build custom layouts with drag-and-drop components, then print optimized pages for analog productivity.
WTSD solves the "rigid planner" problem by letting your schedule dictate the layout. Instead of static PDF templates, you get an interactive canvas where you can arrange productivity blocks exactly how you need them.
- Drag-and-drop canvas - Place and resize components on a paper-sized canvas
- Multiple component types - Schedule blocks, task lists, and notes sections
- Paper size support - Letter (8.5" x 11") and A4 formats
- Print-optimized CSS - Clean output that saves ink and looks professional
- Auto-save - Changes persist automatically as you design
- Keyboard shortcuts - Undo/redo, copy/paste, delete, nudge with arrows
| Component | Description |
|---|---|
| Schedule | Time-blocked slots with configurable start/end times and intervals |
| Task List | Checkbox items with customizable row count and height |
| Notes | Lined or blank areas for freeform writing |
- Ruby 3.2.2
- Rails 8.1
- PostgreSQL - Database
- Hotwire (Turbo + Stimulus) - JavaScript
- Tailwind CSS - Styling
- Propshaft - Asset pipeline
- Kamal - Deployment
- Ruby 3.2.2
- PostgreSQL
- Node.js (for Tailwind CLI)
# Install dependencies
bundle install
# Create and migrate database
bin/rails db:create db:migrate
# Start the server
bin/devbundle exec rspecThe main components:
app/models/template.rb- Template model with JSONB pages/componentsapp/javascript/controllers/canvas_controller.js- Drag-and-drop canvas logicapp/views/templates/- CRUD views and component partialsspec/- RSpec tests with Capybara for system tests
Proprietary