MALIK HADIPORTFOLIO '26
0%
Designer & developer — bridging surface and source.
(01) — IndexAvailable for workPortfolio © 2026

MalikHadi®

Web DeveloperGraphic DesignerDatabase Design

I design brand-grade interfaces and build them into fast, production MERN apps — one mind, from the first pixel to the last deploy.

View WorkLet's Build
(02)ProfileSurface × Source
A developer who designs, and a designer who ships. Eight years drawing brand systems in Adobe; the last two turning them into production software — so your product never gets lost in the gap between how it looks and how it works.

As a BSCS Artificial Intelligence graduate and software society leader, I combine creative intuition with structured, algorithmic problem-solving. I design brand-grade interfaces, engineer scalable architectures, and ship production-ready code that drives actual business value.
0Years designing brands & visuals
0Systems shipped across web & desktop
0CGPA in BSCS — Artificial Intelligence
0Tools & frameworks in active use
(03)ToolkitTwo crafts, one workflow

Design/ surface

01PhotoshopRaster · Retouch
02IllustratorVector · Identity
03Brand SystemsLogo · Guidelines
04Layout & UIEditorial · Web

Engineering/ source

01ReactInterfaces
02Next.jsApp Router · SSR
03TypeScriptType-safe
04Node · ExpressAPIs
05MongoDBData
06SupabaseAuth · BaaS
07PythonScripts · Automation
(04)ServicesWhat I ship

Capability, productized.

01

Full-stack MERN development

Production web apps end to end — Next.js frontends, Express APIs, MongoDB data models, auth, admin panels and deployment.

  • Next.js / React apps
  • REST APIs & auth
  • Admin dashboards
  • Deployment
02

UI & brand design

Eight years in Adobe before I wrote production code — identity systems, interfaces and editorial layouts that a brand can grow into.

  • Brand identity
  • UI design
  • Design systems
  • Marketing collateral
03

Design-to-code systems

Products die in the gap between how they look and how they work. I own both sides — from the first pixel to the last deploy.

  • Design tokens
  • Component libraries
  • Motion & interaction
  • Performance budgets
(05)Selected Work

AI Attendance & Class Mgmt

AI · FYPDesign + Dev
AI Attendance & Class Mgmt
NextNodeExpressMongoDBPythonMediaPipeArcFace
Live ↗

School Mgmt. System

Web · SystemDesign + Dev
School Mgmt. System
NextNodeExpressMongoDBRole-Based
Live ↗

Business Association Mgmt

Web · SystemDev
Business Association Mgmt
NextNodeMongoDB
Live ↗

Courses Mgmt for Aridian Array

Web · SystemDev
Courses Mgmt for Aridian Array
ReactExpressMongoDBCertificates
Live ↗

E-Commerce

StorefrontDesign + Dev
Next.jsTypeScriptMongoDBNodeExpress

Invoice Gen

Web · ToolDesign + Dev
NextNodeMongoDBPDF export
Live ↗

Wedding Hall Finance

Desktop AppDesign + Dev
DesktopSQLSupabase
(06)The Path2018 → Now

Design, code & leadership.

2025 — 2026General SecretaryAridian Array Software Society · PMAS Arid UniversityLeadership
Dec 2024 — NowMERN Web DeveloperSoft Wise SolutionDevelopment
2024 — 2025Graphic DesignerAridian Array Software Society · PMAS Arid UniversityDesign
Summer 2024Frontend Dev InternAriesian TechInternship
2021 — 2024Personal TutorIndependent · 1-on-1 mentorshipMentorship
2020Telemarketing RepDrive Tech BPOComms
2018 — NowFreelance Graphic DesignerIndependent · brand & visual workDesign
BSCS — AI
PMAS Arid Agriculture University
Batch 2022 — 2026 · Specialization in Artificial Intelligence
3.75
CGPA / 4.0
Fsc — Pre-Engineering
Jinnah Institute
Batch 2020 — 2022
738
Marks / 1100
Matriculation
St Mary's Cambridge High School
Batch 2018 — 2020
904
Marks / 1100
(07) — Contact · Available for freelance & full-time

Let's buildsomething real.