todostar

Todostar

https://github.com/user-attachments/assets/1069facc-1de8-4731-b86b-d74625814a22

Todostar is a collaborative todo tech-demo app hand-crafted using:

• Go main language.
• Templ HTML templates.
• Datastar JS-killer.
• TailwindCSS styling.
• WebAwesome web components.
• Templier hot-reloader.

This is a server-driven web application in just ~2k LoC of Go (use make scc to count) and minimal JavaScript.

The only thing I use bun for is building the tailwind bundle. Hypermedia Rocks 🤘

Improvement Ideas

• A 404 error page for unknown paths.
• User feedback on internal errors (e.g. "something went wrong").
• Visual loading indication for the folks on dial-up.
  • Skeletons to hide flashy web components and eliminate CLS (which is currently the biggest dent in the Lighthouse score).
• More filters & sorting
• The due time of a todo entry is currently not dynamically updated and when left idle might show a not-up-to-date value.
• Anything else...? Drop an issue!

Development

• Install bun (only needed for TailwindCSS).
• run bun i.
• run make templier, open localhost:7331 and start coding.

ℹ️ The actual server behind templier's proxy is reachable over localhost:8080.