DEV Community

Cover image for From HTML basics to dialysis to freelance-ready: building my portfolio in public
Saad Bin Khalid
Saad Bin Khalid

Posted on

From HTML basics to dialysis to freelance-ready: building my portfolio in public

๐Ÿ”— Live: saadbinkhalid.vercel.app


March 24, 2024. No CS degree, no bootcamp, no shortcuts โ€” just HTML, CSS, JS, and a terminal that never once judged me for the 100th console.log. Almost two years, five shipped products, and one hospital stay later, here's the site that came out of it โ€” screenshot by screenshot.


01 โ€” Hero

Saad Bin Khalid โ€” Full-Stack Engineer.

Where it started: <div> tags and a lot of broken layouts. Where it landed: a portfolio that runs like a system log, not a resume.

Hero section


02 โ€” About

"Good software isn't just clean code โ€” it solves real problems, feels effortless, and scales."

That line isn't decoration. It's the filter every project below had to pass before I called it done. By early 2025 the full MERN stack was solid enough to build on โ€” so I set two goals: a LinkedIn presence and a GitHub history that could speak before I did.

About section


03 โ€” Production Logs (Projects)

5 shipped builds. 0 tutorials copy-pasted.

  • NexChat โ†’ real-time chat, built with React Native, Socket.IO, and JWT auth โ€” my first mobile app.
  • AutoLog.AI โ†’ an AI vehicle assistant that reads receipts and answers questions about your car.
  • NeuroVisionX โ†’ real-time face and hand detection, running in the browser.
  • KS Traders & M.R.S Enterprise โ†’ real B2B commerce systems, live in production, not portfolio filler. Each one taught me something the docs couldn't.

Projects section


04 โ€” Radar

Not a resume buzzword cloud โ€” an actual map of where the depth is.

MERN by early 2025 โ†’ Django, Flask, Angular, and TypeScript by mid-2025. The radar isn't symmetric on purpose. Depth over decoration โ€” I'd rather show you three tools I can defend than ten I can name.

Skills radar


05 โ€” Technical Capabilities (Skills)

Next.js ยท TypeScript ยท Node.js ยท JavaScript ยท Flask ยท Angular ยท Django ยท React Native.

8 tools. 1 rule: if I can't explain why I chose it over the alternative, it doesn't make the site.

Skills section


06 โ€” Status

By the end of 2025, the goal from January had landed: 1000+ contributions on GitHub for the year. Then 2026 opened with a health scare I didn't see coming โ€” a severe diagnosis, a hospital admission, dialysis. Building didn't stop. It's where React Native, NexChat, M.R.S Enterprise, and an animated e-commerce store built on Redux Toolkit all came from โ€” alongside crossing 1.1k+ followers on LinkedIn.

saad@fullstack:~$ status --available โ— online
Enter fullscreen mode Exit fullscreen mode

Open to work โ€” for real this time.

Footer section

Portfolio: saadbinkhalid.vercel.app ยท GitHub: Saadbkhalid666 ยท LinkedIn: saadbinkhalid666


If you're a founder or team looking for a full-stack engineer who ships โ€” MERN, Next.js, Python, or React Native โ€” I'm open to freelance work. Let's build something worth shipping.

Top comments (0)