Post #2061440

2026-05-03 13:55 UTC

Over the past couple of weeks I rewrote a personal money-tracking app I made for my kids in 2022. I replaced Nuxt and Tailwind with web components, ExpressJS, and modern CSS—mostly to see what it takes to do it. https://wbrowar.com/article/code/refactor-kids-money #WebComponents #CSS #WebDev #money

Replies (3)

@wbrowar@hachyderm.io 2026-05-03 13:55

Here’s a link to the project repo, in case anybody’s interested in taking a look: https://github.com/wbrowar/kids-money/

Open ##2740556
@teleclimber@social.tchncs.de 2026-05-03 21:23

@wbrowar@hachyderm.io Great write-up. I am also on a journey to ditch Tailwind and adopt Web Components instead of always reaching for Vue. Also your challenges with the server side make me wish I was further along with my own server project https://dropserver.org It's really meant for these family-oriented personal apps.

Open ##2740557
@mvsde@mastodon.social 2026-05-04 11:05

@wbrowar@hachyderm.io Great article! Regarding color pickers and extended color spaces: There’s a `colorspace` attribute that’s supported in Safari (and Firefox Nightly). It’s considered experimental right now, but since you stated you’re using Safari only anyways you might give it a try for the color settings admin section. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/color#colorspace

Open ##2740560