tailwindcss
ai
web-development
TailwindCSS v4 changed the setup flow. AI coding agents still reach for old config files and deprecated commands, so developers need to check the official docs before accepting setup code.
Back to projects
Overview
Open Resume is a resume builder built with TanStack Start, React 19, and Cloudflare Workers. It gives users a structured editor, local persistence, and AI coaching without turning the app into a chat-first workflow.
AI Powered Resume Coaching
I added an AI coaching workflow with the Vercel AI SDK. The coach asks users to draft first, then gives targeted feedback instead of generating a resume from scratch. Marked renders the responses and DOMPurify sanitizes the output before it appears in the chat UI.
State Management Architecture
I migrated the app state from TanStack Store to Zustand after the editor needed simpler persistence and easier debugging. The rewrite touched the resume data store, resume index store, and settings store. Zustand now handles local storage state and connects to Redux DevTools for inspection.
Edge Deployment
The app deploys to Cloudflare Workers through Wrangler and Vite. The build outputs assets Cloudflare can serve at the edge, and the Wrangler config includes the custom production domain.
Related Projects
Personal Portfolio (2021)
My 2021 React portfolio, built to show my skills, experience, and early project work.
react
typescript
tailwind
The Eco Garden Cat Project
A bilingual cat welfare platform for a real colony in Cambodia, with TNVR tracking, KHQR donations, public ledgers, adoption inquiries, volunteer sign-ups, and an admin CMS.
next.js
typescript
tailwind
supabase
Related Writing
gatsby
google-fonts
web-fonts
A guide to asynchronously load Google Fonts in Gatsby using gatsby-plugin-web-font-loader
android
wake-on-lan
react-native
I turned an old Android phone into a Wake-on-LAN relay. WOLE is an Expo + React Native app that runs a tiny HTTP server as a foreground service, so you can wake your homelab machines from anywhere.