Note-Flow: the first project I actually finished

Note-Flow is a notes manager with categories and several pages. Nothing revolutionary, and that is the point: I needed a project I would actually finish rather than abandon halfway through a refactor.

Stack

• Vue 3 (Composition API)

• TypeScript

• Pinia for state

• TailwindCSS

What I took away

The main lesson is that state has to be designed before components. I rewrote the first store wholesale because it mirrored the shape of the UI instead of the shape of the data. The second attempt took an evening and still holds.

The demo and the code are public, links live in the channel panels. Next up is FoxSphere, which has a real backend.