Jamil Harun Linzag - Website CSS | ContraWork by Jamil Harun Linzag
Jamil Harun Linzag

Jamil Harun Linzag

Full-Stack Developer turning designs into real products

New to Contra

Jamil Harun is ready for their next project!

Project Title: Flavorspace: A Michelin-Star Digital Menu Experience 🍽️✨ Live Link: https://flavorspace.jamilharun.workers.dev/ The Vision High-end culinary concepts often rely on sterile, traditional lists for their digital menus. I wanted to build an exploration into what a modern, premium digital dining experience should actually feel like. Flavorspace abandons the list in favor of an immersive, sensory-driven UI that physically reacts to the user's palate. What I Built I designed and engineered a fully responsive, state-of-the-art web application focused on micro-interactions and tactile UI: Dynamic Sensory Engine: The entire application's theme—from radial gradients to ambient glows—updates in real-time to match the exact color profile of the dish you are viewing. Premium Glassmorphism: Deep translucent layers and backdrop blurring create a luxurious, physical interface. Native Mobile Architecture: Instead of standard responsive stacking, I engineered fluid, Framer Motion-powered "Bottom Sheet" overlays so the mobile experience feels exactly like a native iOS app. Interactive Checkout: I replaced standard web forms with a highly interactive, physics-based "Swipe to Confirm" gesture styled like an exclusive restaurant receipt.
0
21
Cover image for 🚪 New build: Vesper Rooms
🚪 New build: Vesper Rooms — an immersive concept site for a fictional interior design studio. I wanted a project where the experience mattered as much as the code — where scrolling feels intentional and every transition earns its place. So I leaned into motion design and edge performance. Under the hood: • React 19 + Vite + TypeScript • GSAP + ScrollTrigger for the animation timeline • Lenis for buttery smooth scrolling • Tailwind CSS v4 • Deployed on Cloudflare Workers — static assets served from the edge, an API route, and hardened HTTP security headers (CSP, HSTS, and more) I also wrote Puppeteer scripts to auto-capture screenshots and record a full mouse-driven walkthrough video — small tooling touches that make showcasing the work repeatable. Take a look 👇 https://vesper-rooms.jamilharun.workers.dev/ (https://vesper-rooms.jamilharun.workers.dev/)Would love your feedback on the motion and pacing.
0
28
Cover image for It's 3AM. The city stopped.
It's 3AM. The city stopped. The espresso didn't. A concept site for a coffee shop built for the ones still awake — quiet atmosphere, warm UI, no rush. 🔗 3am-espresso.jamilharun.workers.dev (http://3am-espresso.jamilharun.workers.dev)
0
60
5,000 particles. real-time collisions. 4,000 3D nodes sorting live. built this from scratch with WebGL + React — drop a ball, move your cursor, watch it react. https://simulacra.jamilharun.workers.dev/
0
60