Serenify
A calm, mood-themed SaaS landing page you can actually click around in
Overview
Serenify is a front-end marketing/demo landing page for a fictional mood-and-productivity app, combining email, tasks, and daily mood check-ins into one dashboard. It ships with 8 live-switchable mood themes (4 light, 4 dark) built on an OKLCH analogous-hue color system that re-tints the entire UI instantly. The dashboard mockup is genuinely interactive — folders, a reading pane, a compose modal, and todos/mood state that persist to localStorage — rather than a static screenshot. It's deployed as a Cloudflare Worker that serves the static Vite build and layers on security headers (CSP, HSTS) plus a lightweight health-check route.
Demonstrates a polished, animated SaaS-style landing page for a hypothetical mood-tracking productivity app, pswitching a theme requires no per-component logic.
Served through a Cloudflare Worker rather than plain static hosting, letting the app attach a strict CSP and security headers to every response and expose a minimal /ping route alongside the SPA asset fallback.
Stack
UI / Frontend
Animation / 3D
Infra / Deploy
How it works
Hero section
Visitor lands on the hero with the OS-matched theme already applied.
Theme showcase
Visitor switches between 8 mood themes; the whole page re-tints live via CSS variables.
Interactive dashboard
GSAP ScrollTrigger pins and unfolds the dashboard mockup, revealing mail, todos, mood check-in, and analytics widgets.
Try it live
Visitor adds/completes todos and sets a mood check-in; state persists to localStorage.
Conversion sections
Testimonials, pricing, and FAQ sections lead into a closing CTA banner.
More projects
Flavorspace
A state-of-the-art, premium digital menu experience designed for high-end culinary concepts. It replaces traditional lists with a dynamic, sensory-driven UI that physically reacts to the active dish. The application features complex glassmorphism, fluid bottom sheet architectures for mobile, and a highly interactive swipe-to-confirm checkout flow.
3AM Espresso
A concept marketing website for a late-night coffee shop in Bacolod City, Philippines. Built as a single-page application with five routes covering home, menu, story, reservation, and find us, each driven by scroll-triggered animations and parallax effects. Deployed on Cloudflare Workers with a thin Worker layer that serves the Vite-built client assets and applies security headers. The reservation form is UI-only with no backend submission.
Arch Linux Setup
Switched to Arch Linux in 2023 as the main development machine — built from scratch, no installer hand-holding. Before settling, tried Void Linux for a stretch: musl libc and runit were interesting but the lack of an AUR equivalent meant too much manual work for daily use. Void got shelved. Arch has been the stable choice since.
Strata
A concept landing page for a fictional luxury skeleton watch, built as a single-page React 19 + TypeScript app on Vite. Sections pin and peel over each other using a CSS sticky mechanic driven by one scroll listener setting a custom property — native scroll is never hijacked — while GSAP with SplitText and ScrollTrigger handles masked headline reveals, scene arrivals, and a scrubbed parallax, all gated behind viewport size and prefers-reduced-motion. The site is served by a Cloudflare Worker via Workers Static Assets, which stamps a strict Content-Security-Policy and other security headers on every response and exposes a CORS-open /ping health endpoint.