Available for opportunities

Build.
Connect.
Deploy.

Hi, I'm Hammad Jawaid — a Full-Stack Developer. I build modern interfaces, powerful backends, and database-driven web applications, end to end.

HTMLCSSJavaScriptPHPNode.jsMySQLMongoDB
System StatusOnline
LocationPakistan
RoleFull-Stack Developer

Who I am

I'm a Full-Stack Developer at the beginning of my journey — curious, motivated, and genuinely excited about the craft of building for the web, on both sides of the request. I enjoy building complete web experiences: responsive interfaces, backend logic, APIs, authentication, CRUD systems, and the databases that hold it all together.

On the frontend, I write clean, maintainable code that performs well across devices. On the backend, I work with PHP and Node.js to build REST APIs and server-side logic, backed by MySQL and MongoDB for storing and modeling real data.

I'm currently sharpening these skills through real-world projects and continuous self-learning — not just following tutorials, but shipping things end to end. Every project is a chance to connect one more piece of the stack, and I take that seriously.

0
Projects Built
0
Months of Learning
0
Certifications
0
% Commitment

Clean Code

Readable, well-structured, and maintainable by default

Performance First

Optimized for speed, every kilobyte matters

Responsive Design

Pixel-perfect on every screen, every device

Accessibility

Building for real people, regardless of ability

The full stack

What I use to take a project from interface to server to database.

01 Frontend
HTML
Comfortable

Semantic, accessible markup as the foundation of every page.

CSS
Comfortable

Layout systems, responsive breakpoints, and the visual language of a page.

JavaScript
Building With

DOM interactions, client-side logic, and connecting the UI to real data.

Responsive Design
Comfortable

Interfaces that hold up cleanly from a phone screen to a desktop monitor.

UI / UX
Building With

Turning designs and rough ideas into interfaces that feel intentional.

02 Backend
PHP
Building With

Server-side logic, form handling, and page rendering for dynamic sites.

Node.js
Working Knowledge

Building lightweight servers and APIs on top of JavaScript.

REST APIs
Working Knowledge

Designing endpoints that move data cleanly between frontend and server.

Server-side Logic
Building With

Auth flows, validation, and the logic that sits behind the interface.

03 Database
MySQL
Building With

Relational schemas, joins, and queries for structured application data.

MongoDB
Working Knowledge

Document-based storage for flexible, JSON-shaped data.

CRUD
Building With

Create, read, update, delete — the core of any data-driven app.

Data Modeling
Working Knowledge

Shaping schemas around how an application actually uses its data.

04 Tools
Git
Comfortable

Version control for every project, from first commit to deploy.

GitHub
Comfortable

Hosting repos, tracking issues, and shipping projects in public.

VS Code
Comfortable

My daily editor for everything from markup to backend scripts.

Where I've worked

Early in my career, but deeply invested in learning through real work across the stack.

2025 — Present
Web Developer, Freelance
Self-employed · Remote
  • Built responsive, mobile-first websites for small businesses and individuals
  • Converted Figma and wireframe designs into clean, semantic HTML/CSS
  • Extended select projects with PHP and MySQL to add real database-driven functionality
  • Improved page load times through asset optimization and best practices
  • Collaborated with clients to iterate on designs and implement feedback
  • Maintained code quality with consistent naming conventions, version control, and documentation
HTML CSS JavaScript PHP MySQL Git & GitHub Responsive

Case studies

A selection of projects that reflect my growth, curiosity, and attention to craft. Select one to open the full write-up — problem, approach, and result — right in place.

PhysioSync

The problem

A physiotherapy clinic needed a professional web presence that patients could trust at a glance — but the existing site was cluttered, hard to read on phones, and gave visitors no clear next step.

The approach

Built from scratch as a clean, mobile-first landing page. Semantics came first: a logical document structure, descriptive headings, and accessible controls. Visual hierarchy and a soft clinic palette carried the trust signals, while a lightweight, dependency-free SEO + performance pass (semantic meta, optimized assets, good core-web-vitals hygiene) got the page ranking and loading fast.

The result

A calm, conversion-oriented site that reads clearly on any device and loads quickly. The clinic now has a credible online anchor with a single, obvious call to action for booking.

  • 40+mobile-first breakpoints
  • ~90PageSpeed-friendly build
  • 100%semantic, accessible markup
Stack
HTMLCSSJavaScriptSEO

Cosmos

The problem

Go beyond the standard landing page. The brief was spatial and cinematic: a space-themed page that felt like a journey rather than a wall of text, with depth and motion carrying the story.

The approach

Built the visuals with pure CSS and the Canvas API — an animated star field, a soft planet, and layered section transitions driven by parallax scroll. Motion was treated like content: purposeful, eased, and only where it supported the narrative. Everything is responsive and respects prefers-reduced-motion, so the experience degrades gracefully instead of freezing the page.

The result

A fluid, memorable scroll-through that keeps a visitor's attention from the first frame to the final call to action, without a single heavyweight library in the critical path.

  • 0heavy dependencies in the path
  • 2layers of parallax depth
  • 60fpscanvas animation target
Stack
HTMLCSSJavaScriptCanvas

CTRL ZONE

The problem

Build a real, database-driven e-commerce experience for gaming peripherals — not a demo. The client (and the brief) needed actual cart, checkout, users, and the ability to manage products and orders from the back office.

The approach

A bold neo-brutalist design system — hard offset shadows, a dark/light theme toggle, and a canvas-animated hero — wrapped around a genuine backend. PHP + MySQL power authentication, sessions, CRUD for products and orders, and cart/checkout flows, all driven by a protected admin dashboard. Input validation and parameterized queries keep user data and the database safe, while vanilla JS handles cart interactions without a framework.

The result

A complete, working storefront: customers can browse, register, fill a cart, and check out, while the owner manages catalog and orders from one place — a real product, end to end.

  • 1complete auth + session system
  • Fullproduct & order CRUD
  • 0frameworks required on the client
Stack
PHPMySQLVanilla JSCSS

PathSeeker · Career Passport

The problem

People know they want a better career but don't know which direction fits them — or what steps to take to get there. The goal: a guided, personalized self-exploration tool rather than a static list of "top careers."

The approach

A React frontend driving a guided, step-by-step quiz-style experience that adapts to each user's answers, talking to a Node.js API that persists profiles and results in MongoDB. The UI is deliberately scaffolded as a "passport" metaphor — a journey with milestones — so the user always knows where they are and what's next. Deployed to Vercel with clean separation between client and API layers.

The result

An interactive career-discovery app that turns a broad question into a tailored path — a first hands-on lesson in wiring a modern React frontend to a Node/NoSQL backend as one system.

  • Npersonalized career matches
  • STEP-BY-STEPguided user journey
  • APIfrontend & backend split
Stack
ReactNode.jsMongoDBJavaScriptVercel

Milestones

Small wins that reflect consistent effort and forward momentum.

Aptech Vision Showcase
Presented an innovative web project at Aptech Vision, gaining experience in turning ideas into a working product.
Personal Projects
Built and deployed multiple projects across the stack — from responsive, animated frontends to a full-stack store with a PHP/MySQL backend.
10+ Public Repositories
Actively contributing to a growing GitHub portfolio, documenting the learning journey in public.
Continuous Learner
Dedicated daily learner — studying design systems, backend patterns, and database design across the stack.

What I can build

Practical, working software — not just interfaces.

01
Dynamic Websites
Sites driven by server-side logic instead of static pages, so content can change without editing code.
02
Database-Driven Applications
Applications backed by MySQL or MongoDB, where data is stored, queried, and kept in sync with the UI.
03
REST APIs
Endpoints built with PHP or Node.js that let a frontend, or another service, talk to your data.
04
Authentication Systems
Login, sessions, and access control so the right people can reach the right parts of an app.
05
CRUD Applications
Create, read, update, and delete flows — the working core behind most real-world apps.
06
Admin Dashboards
Internal panels for managing content, orders, or users without touching the database directly.
07
Responsive Frontends
Interfaces that hold together across phones, tablets, and desktops without compromise.
08
Full-Stack Web Applications
Complete products where the frontend, backend, and database are built to work as one system.

Why work with me

I bring more than code to every project — I bring thoughtfulness, ownership, and drive.

01
Full-Stack Thinking
I understand how the frontend, backend, APIs, and database work together — not just one layer in isolation.
02
Building to Learn
I learn by building real applications instead of only following tutorials. Every project connects one more piece of the stack.
03
Detail + Function
I care about both visual quality and how the application actually works underneath.

Building trust

"Open to collaboration,
committed to quality,
and always learning."

Open to Collaborations

Whether it's a side project, a startup, or a freelance contract — I'm open to working with people who care about doing good work.

Quality-Focused

I'd rather take extra time to get something right than ship something I'm not proud of. Quality is a non-negotiable standard for me.

Clear Communication

I keep stakeholders informed, ask the right questions early, and flag issues before they become problems.

How I build

A straightforward system, run the same way every time — idea to something live.

01
Idea
Define what the app needs to do and who it's for.
02
Frontend
Build the interface — structure, styling, interaction.
03
Backend / API
Write the server logic and the endpoints that connect to it.
04
Database
Model the data and wire up storage and queries.
05
Test
Check the flows, edge cases, and how it behaves on real devices.
06
Deploy
Ship it, and keep an eye on it once it's live.

Got a project?
Let's build the whole thing.

Have an idea in mind, or just want to connect? I'd love to hear from you.

Get in touch

I'm currently available for freelance work and full-time opportunities. Whether you have a question or just want to say hi — my inbox is always open.

HTMLCSSJavaScriptPHPNode.jsMySQLMongoDB
Download Resume