The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Title: Retro Game Emulator (Nostalgia)
Description:
A nostalgic browser-based retro gaming experience built entirely from scratch. This project demonstrates my proficiency in vanilla JavaScript, DOM manipulation, and responsive UI design without relying on heavy frameworks. It features custom pixel-grid rendering, real-time keyboard/touch input handling, and Web Audio API integration for authentic 8-bit sound effects. Deployed seamlessly via Vercel for instant playability across all devices.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
🎮 Retro Repair Café — bringing old consoles back to life, without the admin chaos.
For the Lovable × Contra challenge, I built a concept website and working booking system for an independent retro console repair café.
Customers can book a console assessment, describe the fault, arrange collection and delivery, and track their repair. If they’re staying, they can reserve a seat and pre-order food or a milkshake. Community gaming nights and a retro marketplace give people a reason to return after the repair.
Behind the counter, a database-backed workshop dashboard brings together repair jobs, quotes, appointments, collections and food orders. I populated it with eight fictional repair jobs so you can explore how it works.
Why I built it
When you run a small repair business, you’re the technician, receptionist and organiser. Every phone call asking for an update interrupts a repair. Paper notes and scattered bookings make it harder to keep customers informed.
I wanted to give that owner more time to fix consoles, while making the customer experience as enjoyable as rediscovering a favourite childhood game.
The café adds something personal: a broken console becomes a reason to meet people, play games and support a local business.
Built with Lovable, with custom visuals and an AI-assisted promo video showing the idea in action.
👉 Explore the project: https://retro-repair-cafe.lovable.app
Which console would you bring in? 🎮
#LovableChallenge #Lovable #Contra 🚀
love this demo!
ECHO — The Interface Is Alive
My entry for the @rive_app
I built a psychological-horror experience where the interface itself becomes the antagonist
You weren't investigating ECHO.
ECHO was investigating you.
Play it: https://echotheinterfaceisalive.netlify.app
#rivehalloweenchallenge
The interface investigating you is a strong turn on the haunted UI idea. What does ECHO track about the user to decide how it reacts?
I built this single-file static landing page for Voltline, a fictional AI-automation company, using only HTML, CSS, and Vanilla JS, zero build tools, zero npm, zero frameworks. The aesthetic is "Bone & Volt": a warm off-white canvas with graphite black and one electric-lime accent (rgb(152, 254, 0)) that pops like a circuit trace under a microscope. The vibe? Precision engineering meets retro-futurism. Monospace slash-prefixed labels, tight geometric-sans headlines, orbiting 3D primitives, and tiny "space / starfield" reveals on hover, it feels like a precision instrument, not generic SaaS.
The user can scroll through sections with subtle scroll-triggered animations, hover over geometric elements to trigger micro-visual feedback, and click the "Contact" button to reveal a minimal contact form. The 3D primitives orbit subtly on the canvas, and their rotation is synced to scroll velocity. I also added a "hover reveal" effect where tiny starfield particles drift into view on hover, a small touch of magic that feels like a digital lab under glass.
The real challenge? Making the 3D primitives rotate in sync with scroll velocity without creating jitter or stutter. I had to manually calculate scroll delta and clamp it to a smooth range, then map it to rotation speed via a simple linear interpolation. I wrote a small JS helper that tracked scroll position and velocity using requestAnimationFrame and performance, then applied that to a .rotate() method on the 3D primitives. It took me three hours of trial and error, but once I got the math right, the motion felt intentional, not robotic.🔥 😊
Great job syncing the 3D primitives' rotation to scroll velocity - pulling off that level of interactivity with just HTML, CSS, and vanilla JS is impressive. The electric-lime accent really makes the retro-futuristic vibe pop.