I build clean, fast frontends with a soft spot for UX polish and performance budgets.
On the side, I tinker with self-hosting, homelab setups, and the occasional CSS micro-experiment.
- 💻 Stack: HTML • CSS • JavaScript (Node) • Python
- 🔧 Tools: VS Code, Git, Docker, Cloudflare, etc.
- 🎨 Design: Figma, Canva
- 🖥️ OS: Windows 11 & Ubuntu
- 💬 Contact: Discord
sweetie.vin• Website adrichan.me
- Clarity over cleverness. Readable code wins.
- Small, composable pieces. Fewer surprises, easier testing.
- Pragmatic tooling. Automate the boring stuff, measure the rest.
- A11y & performance. Fast for everyone, not just “my machine”.
| Project | What it is | Status / Stack |
|---|---|---|
| Zylix | Personal website playground; layout systems and content experiments. | WIP • HTML/CSS/JS — repo |
| adrichan.me | Personal site / profile hub. | WIP — site |
| Random Dragon Slider | A tiny CSS/JS demo that keeps UI fun. | Live demo code — repo |
| pletix-menu | Lightweight page menu component extracted from a real site. | CSS — repo |
| STA Wiki | Community wiki for Star Trek Adventures (contribs & tooling). | Live — wiki |
Pinned repos rotate—peek at my profile for more.
- Open an issue with a clear problem statement and context.
- I’m happy to review PRs—keep them small and focused.
- If you’re stuck, DM me on Discord (
sweetie.vin) and we’ll pair for a few minutes.
Frontends should feel effortless. If the DOM shivers when you scroll or the layout jumps when fonts load, that’s a bug. Design is a feature; performance is part of design.
PS: Some older project notes might be out of date—feel free to nudge me if something looks stale.