Move your mouse — the world follows. Scroll — the camera dives. Drag cards to feel the tilt.
@vishal · online · --:--:-- local
$ whoami → Developer • Cybersecurity • Builder
Hi, I'm Vishal — a teenager obsessed with coding, cybersecurity and building things. I write code, study how systems break, and learn how to defend them. Now in 3D — move your mouse, scroll, and tilt the cards.
~/about — 01
Who I am, what I do, and the tools I run on — the honest short version, no buzzwords.
A teenager obsessed with coding, cybersecurity and building things. This site is designed like the tools I use every day: fast, dark, and terminal-first.
Security isn't a feature I add at the end. It's the lens I learn through — how attacks work, and how to stop them.
The command line is home. This whole page runs like one — try the live terminal below, it actually answers.
What I do
Develop. Secure. Build.
No clients, no employers, no fake numbers — just a student builder documenting the craft in public, one version at a time.
~/skills — 02
The five skills from my profile, plus the mindset underneath them — filter them, and watch the meters. Focus areas, honestly labelled.
Automation, scripting and tooling. The first language I reach for when something needs to get done fast — and the backbone of most security tooling.
The language of the web — and of this page. Interfaces, interactions and the little details that make a site feel alive instead of static.
JavaScript beyond the browser: servers, CLIs and backend logic. Where my scripts grow up into real tools people can run.
Thinking like an attacker — legally and ethically — to find weaknesses before the wrong people do. Methodology, recon, and responsible practice.
The defensive side: how systems, networks and people get protected. The field I'm building toward, one concept and one lab at a time.
The skill underneath all the others: shipping. Small tools, experiments and sites like this one — finished, published, then improved in the open.
~/terminal — 03
No coding needed — tap a question on the left and I answer in plain words. Or type your own command — try help.
~/process — 04
Not a agency pipeline — just the loop I actually run as a student builder.
Pick a concept — a protocol, a vulnerability class, a language feature — and go past the tutorial. Read the docs, read the source, take notes.
$ man everythingKnowledge only sticks when it ships. Every concept becomes a script, a tool or a page — like this portfolio, rebuilt from a single card into a full site.
$ git commit -m "it works"Then attack my own work — ethically. Find the weak input, the leaked secret, the sloppy permission, and fix it before calling it done.
$ audit --self --fix~/now — 05
This page runs a live WebGL world (torus-knot, 900 particles, grid floor, DPR capped for mobile), Lenis buttery scrolling wired to GSAP ScrollTrigger, liquid-glass nav and cards, a moving ShaderGradient backdrop, magnetic cursor, split-reveal hero type and scroll storytelling — and the wireframe portrait in the hero is me, rendered live in 3D. Use the 3D Scene dock to spin, zoom, switch wireframe and explode the scene.