A portfolio platform that records the move from handcrafted static pages to modern server-rendered application architecture.
The first version was a multi-page HTML/CSS/JavaScript site with reusable header and footer components, security-focused project sections, and manually managed assets. The next rehaul introduced utility-first Tailwind, responsive navigation, richer metadata, and deployment hardening. A Gemini/AI Studio branch explored Angular 21 SSR, Angular Material/CDK, Tailwind, Motion, and a Gemini API integration path. The current version uses TanStack Start, React, TypeScript, Tailwind CSS, Nitro/Node.js SSR, route-level SEO metadata, responsive navigation, and local asset bundling. The delivery workflow runs through Git: changes are committed and pushed, fetched into the deployment workspace, reviewed and approved, then built and applied to production through cPanel Passenger.
Source repository private; the live platform and its architecture are public.
- HTML/CSS/JS
- Tailwind CSS
- Angular SSR
- Gemini API
- TanStack Start
- React
- TypeScript
- Nitro
- Node.js
- Git delivery