AMcI Dev

I needed a place to showcase the projects I've been working on and to track my own progress over time. I wanted a zoomed-out view of my work, nothing fancy, just something simple that I could improve on over time. Like every project, it's also a chance to explore new tools.

I built the whole thing from scratch: design, SEO, analytics, routing, UX, the lot. It's React with TypeScript, dark mode, scroll animations, and a projects section that filters by skill, with Tailwind for styling and Shadcn/ui for the components.

Observability

Cloudflare Web Analytics tracks page views and performance. It's cookieless and privacy-friendly, so no consent banner. I can see which projects people click on most, plus page load speed and time on page to judge how things perform in the wild.

Performance

The build runs on Bun with code splitting and full minification. Code splitting pulls shared stuff like React into cached chunks, so visitors get over 65% less JavaScript when they hit a few pages. Minification shrinks it further, and it ends up pretty lightweight.

CI/CD

GitHub Actions runs typecheck and build on every PR to main or dev, and Husky and lint-staged run ESLint and Prettier on anything you're about to commit. Render deploys when you merge to main, and PR previews let you check branches before they're live.

Future plans

I'd like to add proper accessibility testing and improve the UX. The projects page is the main thing, and I'm still working out the best way to display that data.