Portfolio
I'm Bilal, a frontend engineer building fast, visual products for the internet and I care way too much about UX to ship anything ugly.
I've worked at a startup building developer tools, and I've shipped 36+ open-source projects, side ideas that somehow turned into real products people use.
Currently open to full-time frontend roles. If you are hiring, book a call or Contact Me.
You'll usually find me building on GitHubor talking about the process on Twitter/X, also sharing what I'm learning on LinkedIn.
Component Lab
Some I built from scratch, some I was inspired by and then redefined until they were my own. Click any to try it live.
Block Cascade
A choreographed 3-column grid of blocks that shuffle, stack, and cascade in stepped cycles on a bold red canvas.
Waveform Scrubber
An audio waveform visualizer with seek, speed control, and volume.
Curtain Reveal
A draggable fabric curtain with verlet physics that parts to reveal hidden content.
Storm Lattice
An electric storm visualization where lightning strikes cascade through a glowing node grid, driven by cursor proximity and timed bursts.
Cursor Carousel
A six-panel carousel where each slide swaps in a different custom cursor - arrows, rings, glitch splits, and motion blur.
Scratch Card
A scratch-off coating you can rub away with your finger to reveal hidden content underneath.
Pendulum Wave
A canvas animation of pendulum waves synced to the live clock, cycling through five visual themes on click.
Pitter Patter
A physics-based spray paint canvas with colorful string trails, gravity, and chaos.
Chalk Dust
A drawing canvas that mimics chalk on a green chalkboard with fading dust particles.
Bop Shop
A realistic SVG bookmark tab that toggles between marked and unmarked states with depth.
Text Assembly
Text rendered as scattered particles that assemble and react to your cursor.
Rubber Band Pluck
An interactive rubber band you can grab, stretch, and release to watch it vibrate.
Weave Pattern
A dark canvas of woven line cells that rotate in a diagonal stagger and tense up around your cursor.
Concordance
A text search tool that highlights matching words and draws curved arcs between them.
Experience
Independent Developer
·Self-directedRemote, Full-Time
Designing, building, and shipping open-source web tools end-to-end, architecture, UI, testing, and production deployment. 36+ projects shipped to date, spanning developer tooling, generative visual tools, and full product builds.
- Shipped 36+ projects to production on Vercel, including a published VS Code extension (pinnet-vscode) and a React Flow-based RBAC builder that exports Express/Next middleware (permissable).
- Built and released a shadcn registry component (keebkit) and a zero-config React component scaffolder CLI (spin-component), both installable via npx.
Frontend Engineer
·ZodiacRemote, Part-time
Built and maintained production web interfaces in React and Next.js as part of a cross-functional product team. Work under NDA - details of the product and features are confidential.
- Developed responsive, production-grade UI in React and Next.js, owning components end-to-end from design handoff to deployment.
- Collaborated with designers and backend engineers to ship features on schedule and integrate REST APIs into the frontend.
Web Development Intern
·Oasis Infobyte (OIBSIP)Remote, Part-time
Completed a web development internship under the Oasis Infobyte Summer Internship Program, delivering responsive web applications from concept through deployment across multi-level task briefs.
- Completed all three internship levels on schedule, shipping 7 responsive web applications - spanning static landing pages in vanilla HTML/CSS/JS to interactive interfaces built with React and Tailwind CSS.
- Built a full client-side authentication system from scratch using the Web Crypto API (SHA-256 password hashing), handling registration, login, session, and logout without a backend or auth library.
- Handled the full build cycle independently - from reading task briefs and structuring layouts to writing the logic, testing edge cases, and deploying each project live.
Some of my works
Markhand
Readmade
Metaviewer
RhythmKey
Pickfrompic
Papora
A Little About Me
Hey it's me Bilal. I'm a frontend developer who genuinely enjoys building things for the web.
I'm driven by curiosity, clean design, and the satisfaction of turning ideas into products people actually use, that's what keeps me going.
I enjoy the full process: thoughtful interfaces, maintainable code, and systems that scale, from React and Next.js to APIs and auth. Day to day: VS Code, Next.js, Tailwind. Want it in one page? grab my resume.
Creativity has always been my way to express myself. I draw, design, hit the gym, and explore new areas. If any of my work has helped you, passing it along to someone who needs it means a lot.
How I work
Building great products is more than code. I think about the entire experience - how users interact, how systems behave, and how products evolve over time
Understand
Pin down the user, the goal, and the constraints before writing any code.
Prototype
Build the rough version fast, test it with real people, and keep only what works.
Ship
Release when it is solid, then validate on real traffic, not localhost.
Improve
Let usage data, performance numbers, and feedback drive every next step.
What I'm learning right now
Just the things I'm spending real time on lately.
Crossing into the backend
I've spent most of my time as a frontend developer, comfortable with UI, state, and everything that renders on screen. Lately I've been pulling back the curtain on what happens before that: APIs, databases, and how a server actually decides what to send back.
I'm working through Node.js, Express, and PostgreSQL, building small REST APIs from scratch, writing my own auth with JWTs instead of trusting a library to explain it to me, and learning to model data with actual relationships instead of props and JSON files.
Learning by building, not just reading
To make it stick, I'm building a small Node.js CLI tool that scaffolds new projects. Nothing fancy, but it forces me to actually touch the file system, write real database migrations, and use TypeScript on the server side instead of just the client.
The part I keep coming back to is error handling. On the frontend I obsess over how a broken state feels to a user, I'm applying the same instinct here, so the CLI fails with a clear, useful message instead of a cryptic stack trace. Same UX brain, just pointed at a terminal now.
Artifacts
How I Started Coding: From Curiosity to My First Line of HTML
Before frameworks, before TypeScript, before any of it - the story of how I stumbled into web development and why the first "Hello World" hooked me for good.
Aug 2026·4 min read·Article
Becoming a Frontend Developer: The Skills, the Struggles, the Shift
The stretch between knowing HTML/CSS and actually calling myself a frontend developer - what changed, what I had to unlearn, and what actually made the difference.
Aug 2026·5 min read·Article
What My First Real Projects Taught Me That Tutorials Never Did
Tutorials teach you syntax. Real projects teach you everything else - the story of the mistakes, the messy code, and the lessons that only showed up once I started building for real.
Aug 2026·5 min read·Article