Loading assets0%
>> PRESS ANY KEY TO CONTINUE

VIEW MISSIONSOPEN COMMS
SCROLL

// ORIGIN_STORY

2020

First Line of Code

Wrote my first "Hello World" and got hooked.

2021

University

Started Computer Engineering degree. Built first real projects.

2024

First Internship

Shipped production code for the first time. Mind blown.

2025

Front-end Engineer Role

Landed my first full-time role. Built systems at scale.

2026

Open Source

Started contributing to open source. Created my first CLI Tool.

2026

Present Day

Building the future, one commit at a time.

// SKILL_TREE

FRONTEND

TypeScript

95
FRONTEND

React

97
FRONTEND

Next.js

98
FRONTEND

Tailwind CSS

93
BACKEND

Node.js

58
BACKEND

Python

52
BACKEND

PostgreSQL

58
BACKEND

GraphQL

55
CREATIVE

Three.js

75
CREATIVE

GSAP

80
CREATIVE

WebGL/GLSL

60
DEVOPS

CI/CD

78
DEVOPS

Git

95

// MISSION_LOG

MISSION FORMAXACTIVE

Formax

A multilingual, workspace-based form builder and management platform for creating, sharing, and analyzing dynamic forms. It supports logic jumps, hidden fields, integrations, public form flows, and role-based collaboration with a polished dashboard experience.

Next.jsReactTypeScriptMUIVercel.NET
EXPLORE
MISSION SHORTCUT_NEXTCOMPLETED

Shortcut Next

A CLI tool and Documentation-first for creating Next.js template that accelerates dashboard app setup with built-in authentication, role-based authorization (CASL), i18n/RTL support, charts, theme customization, and a production-ready project structure. (It was deployed on npm as a free tool to help the community, but removed recently due to maintenance overhead and low adoption. But soon it will be back with a new version and more features!)

Next.jsTypeScriptMUICASLi18nextAxiosVercel
EXPLORE
MISSION MEPLUS_DASHBOARDCOMPLETED

MePlus

A full-featured administrative dashboard for the MePlus student behavior enhancement system. The platform supports multiple roles including admin, principal, teacher, student, and parent, each with dedicated access and functionality. It provides complete CRUD operations for managing users and roles, along with real-time insights and analytics to monitor student behavior, engagement, and performance. Designed with scalability and usability in mind, the dashboard delivers a structured and intuitive interface for educational institutions.

Next.jsTypeScriptMUIi18next
EXPLORE
MISSION RENTCORECOMPLETED

RentCore

RentCore is a multi-tenant car rental platform with role-based access for owners, admins, branch managers, and staff. It covers core operations from fleet and branch management to customers, bookings, contracts, invoicing, and analytics. The system also includes localization, real-time updates via WebSockets, and white-label subdomains, with frontend safeguards and backend validation designed for scalable multi-branch businesses.

Next.jsTypeScriptReactMUIi18nextTanStackSocket.IO

// TRANSMISSION

Let's build something
remarkable.

Open to new opportunities, collabs, and interesting problems. Drop a transmission below or reach out directly.

HADI · PORTFOLIO · 2026

BUILT WITH NEXT.JS · THREE.JS · GSAP

// EOF