Terminal UI Apps From the Ground Up with Bubble Tea
summary
Builds a terminal plant-watering app using Bubble Tea with an Elm-style model view update architecture and async commands, plus styling via lipgloss and a text input from Bubbles. Implements arrow-key cursor with a plant emoji, Enter to set last-watered, save/load to plants.json via Ctrl-S, Ctrl-C exit, Tab to move focus, window-resize handling, and page navigation (Ctrl-A to add, Esc/Enter to return). Shows actual code patterns: messages, commands run in goroutines, component focus/blur, and rendering with lipgloss.
AI-written summary · about
chapters (12)
- 0:00Introduction to Bubble Tea
- 1:22Building the plants app
- 1:49The Elm architecture
- 7:40Adding interactivity
- 12:05Interactivity demo
- 21:54Styling with Lip Gloss
- 23:08Professional layout
- 23:32Adding a text input
- 33:56Text input demo
- 35:02Multi-page navigation
- 40:54Finished application
- 41:09Future improvements
