Projects

Built with Next.js 16 and Drizzle ORM to ensure high-speed data validation and type-safe submissions. It replaces fragmented documentation with a living, real-time map of team infrastructure.

Leverages IntersectionObserver for scroll-triggered narratives and a custom adaptive booking engine. The architecture prioritizes zero layout shifts to deliver a cinematic experience without performance lag.

Replaces heavy JS animation triggers with high-performance Tailwind transitions and Lenis smooth scrolling. Viewport-relative math ensures typographic authority and layout resilience on all screen resolutions.

Created to provide visual artists with a platform that balances high-density imagery with instant load speeds. It features an optimized 'Load More' system and a state-aware hero slider to deliver an immersive storytelling experience.

Engineered as a high-fidelity portal using Spline 3D and GSAP for cinematic data visualization. It transforms complex algorithmic asset allocation into an intuitive interface designed for strategic wealth growth.

Leverages ImageKit for on-the-fly media optimization and Inngest for automated background task handling. It transforms complex social logic into a fluid, secure space optimized for both performance and user privacy.

Engineered with Vanilla JavaScript and a custom CSS Grid architecture to maintain a strict visual narrative across all devices. It leverages ScrollReveal.js for fluid entrance effects and optimized asset management for high-resolution catalogs.

Leverages a custom HTML5 Canvas game loop and real-time audio synthesis via the Web Audio API to eliminate the need for external asset files. It features procedural starfields, complex collision detection, and persistent high-score logic.

Developed an intelligent auto-sliding system that manages the visual state between manual user overrides and automatic transition cycles. It leverages Vanilla JS for state-aware navigation and CSS Grid for pixel-perfect responsiveness.