// open source
My GitHub — fetched live
These cards come straight from the GitHub REST API at page load — real repositories, real stats, always up to date.
Sourabh Singhgithub.com/sourabh7300 ↗
Four complete, self-contained web applications — a ZEUS-style holographic AI, a food-delivery platform with live maps, a luxury brand showcase, and a pro photo studio — plus a lab of DevOps, SRE and quantum experiments from my GitHub. Every line written by hand: HTML, CSS & JavaScript.
These aren't screenshots. Each preview below is the actual application, embedded live. Click a preview to open it fullscreen and use it yourself.
An end-to-end food ordering platform: browse outlets, add to cart, use your real GPS location, and watch a delivery rider move along a map route.
A luxury automotive landing experience with cinematic sections, smooth scroll animations and premium brand styling.
A ZEUS-style holographic interface: a 560-particle 3D core that reacts to its state, voice in and voice out, real AI answers — and a dramatic self-diagnostics sequence. Everything hand-coded, no engines.
A desktop-class photo editor in one file — now with layer compositing and batch processing. Real-time pixel engines (tone curves, clarity convolution, bloom, chromatic aberration, film grain), live histogram, presets, resize, watermark, undo history — plus a built-in SENSE camera bridge: capture a frame and edit it instantly.
Beyond the main four: DevOps, SRE and computing-science labs. Each one is a single-file app pulled live from my repositories — every experiment below is running right here.
Design quantum circuits and watch superposition and entanglement play out live — state-vector math, gate placement, probabilistic measurement. Quantum computing, learned by touching it.
What if incidents fixed themselves? A multi-agent system where detection, triage and remediation agents coordinate on live dashboards — my take on the future of reliability engineering.
Eight progressive lessons that build genuine intuition for how AI works — interactive demos where you tweak parameters and watch behavior change. I built it to teach; it doubles as proof I understand the material.
An infrastructure-as-code console: describe what you want deployed, watch the provisioning plan assemble and execute. My DevOps-track thinking, made interactive.
Not claims — every bar below maps to something real in the apps above.
I'm Sourabh Singh, a B.Tech CSE student at JECRC University specializing in AI, DevOps & Cloud Automation. I build complete web applications from scratch — from an AI assistant wired to real Gemini models to a full food-delivery platform with live maps — using nothing but HTML, CSS and JavaScript.
Every project here is a single HTML file — no frameworks, no build tools, no copied templates. That constraint forced me to understand exactly how the browser works: layout, events, state, and the DOM.
The AI assistants taught me asynchronous programming and API integration; the food platform taught me complex application state — carts, filters, maps and checkout flows all talking to each other.
A short walkthrough of the process — useful context when presenting to a class.
Started with plain HTML & CSS — no shortcuts. Built static pages first, then made them respond to users with JavaScript.
Designed complete assistant interfaces — sidebar, chat area, states, theming with variables. Learned component thinking and design systems by building several.
Connected interfaces to real AI models running client-side. Learned async/await, streaming responses, deep web research and handling API failures gracefully.
48 dishes, 12 restaurants, a live map, GPS, a cart, checkout, and multilingual recipes — all synchronized in one page. Learned to manage application state carefully.
Built the page you're on: embeds every app live, animates with the IntersectionObserver & Canvas APIs, and loads nothing it doesn't need.
These cards come straight from the GitHub REST API at page load — real repositories, real stats, always up to date.
The entire portfolio — every project, the AI hologram, all of it — lives at one link. Point a phone camera at this code and it opens instantly.