A responsive, animated portfolio site built with Vue 3 and Vite, featuring a pastel bento-style tile layout and scroll-based interactions. Hosted via Cloudflare Pages with a custom domain.
This site uses a pastel color palette applied across a 5-section layout: a header followed by four distinct tile groups. Components are mobile-responsive, with smooth scroll-based animations and accessible contrast. Design choices are grounded in clarity, simplicity, and visual softness.
- Bento-style grid layout with 5 structured sections
- Scroll-triggered visual animations
- Fully responsive design across devices
- Pastel-themed UI with custom accent colors
- Hosted on Cloudflare Pages with a custom domain
- Lighthouse Score (Web): Roughly 94
- Lighthouse Score (Mobile): Roughly 60
(Actively improving Largest Contentful Paint and First Contentful Paint on mobile.)
npm install
npm run devnpm run buildnpm run preview- Optimize mobile performance (LCP/FCP)
- Improve scroll-based animations and timing
- Expand palette with hover and active states
- Consider dark mode toggle