/overview
Available for opportunities
sys.status = operational

Muhammad Hashim

Full-Stack Engineer (MERN + Django)

Building scalable backend systems and real-time web applications. Focused on architecture, performance, and engineering fundamentals.

ResumeGitHubLinkedInContact

// system.metrics

15+

Projects

Production & OSS

WebSocket

Real-Time

Live systems built

MERN + Django

Stack

Full stack

SaaS

Architecture

Scalable systems

Full-Stack

Scope

End-to-end

Primary Stack

FrontendReact, Next.js, Redux Toolkit
BackendDjango DRF, Node.js, Express
Real-TimeWebSockets, Django Channels
DatabasePostgreSQL, MongoDB, Redis

Engineering Focus

Scalable backend architectures
Real-time systems & WebSockets
Role-based access control
SaaS multi-tenant patterns
API design & optimization
// projects

Featured Work

Production systems, backend architectures, and full-stack applications.

FeaturedLive

WorkflowHub

Real-Time SaaS Collaboration Platform — Django Backend

A production-grade SaaS project management system with real-time collaboration, RBAC, nested workspaces, and live activity feeds powered by WebSocket and Django Channels.

Multi-TenantRBACEvent-DrivenReal-TimeREST + WSSignalsSoft Delete
Django 6DRFChannelsReactRedux ToolkitPostgreSQLRedisWebSocketCelery

< 50ms

Real-time events

5 tiers

RBAC levels

4 levels

Nesting depth

Live

WorkflowHub API

Node.js + Express Backend

RESTful API backend built with Node.js and Express featuring JWT authentication, middleware chains, rate limiting, and modular route architecture.

REST APIJWT AuthMiddlewareModular
Node.jsExpressMongoDBJWTTypeScript

50+

Endpoints

JWT + Refresh

Auth

In Progress

LMS Backend Architecture

Learning Management System

Scalable LMS backend with hierarchical course structure, enrollment management, progress tracking, and content delivery API built on Django REST Framework.

Hierarchical DataREST APIRole-BasedContent Delivery
DjangoDRFPostgreSQLCeleryRedis
Live

Business Nexus

B2B Real-Time Collaboration Platform

Full-stack B2B platform connecting Investors and Entrepreneurs through a secure request workflow, real-time messaging via Socket.IO, live notifications, and collaboration dashboards.

Full-StackB2BReal-Time ChatSocket.IORBACNotification SystemCloudinary
ReactTypeScriptRedux ToolkitNode.jsExpressMongoDBSocket.IOCloudinaryJWT

2 (Investor / Entrepreneur)

Roles

6+ types

Socket Events

JWT + HTTP-only cookies

Auth

Live

E-Commerce Platform

Full-Stack MERN Shopping System

Complete e-commerce solution with product catalog, advanced search & filtering, cart management, order processing, Cloudinary image uploads, and an admin dashboard — built with the MERN stack.

MERNCRUDRole-Based AuthCloudinaryAdmin PanelCart System
ReactRedux ToolkitTailwind CSSNode.jsExpressMongoDBJWTCloudinaryMulter

JWT + bcrypt

Auth

Cloudinary

Images

Mobile-first

UI

Live

Ali Air Conditioning

Bilingual Business Website — Next.js + Admin Panel

Modern full-stack business website for an AC & refrigeration services company. Features a bilingual (English / Arabic with RTL) public site, Cloudinary image management, contact form with email notifications, and a secure admin CMS with analytics dashboard.

Next.jsBilingual (EN/AR)RTL SupportAdmin CMSCloudinarySEO Optimizedi18n
Next.js 16TypeScriptTailwind CSS v4Redux ToolkitMongoDBJWTCloudinaryRechartsnext-intlResend

EN + AR (RTL)

Languages

JWT HTTP-only cookies

Auth

Cloudinary auto-optimize

Images

Live

Todo App

React + Redux Task Manager

Clean, fully functional todo application with task creation, completion toggling, filtering (all / active / completed), and persistent state management using Redux Toolkit.

CRUDReduxLocal StateFiltering
ReactRedux ToolkitTailwind CSS

Redux Toolkit

State

All / Active / Done

Filters

Live

Note App

React Notes Manager

Feature-rich note-taking application with create, edit, delete, and search functionality. Notes persist across sessions with a clean, distraction-free UI.

CRUDSearchPersistenceReact State
ReactTailwind CSSLocalStorage
Live

Weather App

Real-Time Weather Dashboard

Live weather application consuming a public weather API. Displays current conditions, temperature, humidity, wind speed, and a multi-day forecast with dynamic icons based on weather state.

API IntegrationReal-Time DataResponsive UI
ReactTailwind CSSWeather APIAxios

Live API

Data

Multi-day

Forecast

// architecture

System Design

Visual representation of backend architectures and engineering patterns.

input
service
database
event
process
output

WorkflowHub Real-Time Flow

Complete request lifecycle from user action to live UI update

User ActionUI interaction (drag, comment, update)
↓
REST API RequestDRF ViewSet → Serializer → Validation
↓
PostgreSQL WriteTransactional save with signals
↓
Django Signalpost_save → channel layer dispatch
↓
WebSocket EventDjango Channels → group_send
↓
Redux State UpdateRTK slice → optimistic update
↓
UI Re-renderReact component reflects live state

RBAC Permission System

5-tier role-based access control with resource-level permissions

Request + JWTUser identity + token claims
↓
Permission LayerDRF IsAuthenticated + custom
↓
Role ResolverOrg → Workspace → Project scope
↓
Resource CheckObject-level permission gate
↓
Access DecisionAllow / Deny + audit log

LMS Data Hierarchy

Nested content model with progress and certification tracking

OrganizationTop-level multi-tenant entity
↓
CourseContent container + metadata
↓
Module → LessonNested content units
↓
Enrollment RecordUser × Course join table
↓
Progress TrackingPer-lesson completion state
↓
CertificationCompletion trigger → PDF gen

WebSocket Architecture

Django Channels + Redis layer for scalable real-time messaging

Client ConnectionWS handshake + auth token
↓
Channel ConsumerDjango async WebSocket consumer
↓
Redis Channel LayerPub/Sub message broker
↓
Group BroadcastSend to all room subscribers
↓
Client ReceivesInstant UI update < 50ms
// tech-stack

Technologies

Tools and frameworks used to build scalable systems.

Expert
Proficient
Learning

Frontend

React
Expert
Next.js
Expert
Redux Toolkit
Expert
TypeScript
Proficient
Tailwind CSS
Expert
RTK Query
Proficient

Backend

Django
Expert
Django REST Framework
Expert
Node.js
Expert
Express.js
Expert
Python
Expert

Real-Time

WebSockets
Expert
Django Channels
Expert
Socket.IO
Proficient
Redis Pub/Sub
Proficient
Server-Sent Events
Proficient

Databases

PostgreSQL
Expert
MongoDB
Expert
Redis
Proficient
Prisma ORM
Proficient
Mongoose ODM
Proficient

Tools & DevOps

Git / GitHub
Expert
Cloudinary
Proficient
Vercel
Proficient
DigitalOcean
Proficient
Docker
Learning
CI/CD Pipelines
Learning
// experience

Engineering Journey

Milestones, skills built, and systems shipped.

Timeline

Full-Stack Engineer

2026 — Presentmilestone

Building scalable SaaS products, real-time systems, and full-stack client applications.

  • ›Architected WorkflowHub — multi-tenant real-time SaaS with Django backend & Next.js frontend
  • ›Implemented WebSocket + Django Channels for live collaboration
  • ›Designed 5-level RBAC system with nested workspaces
  • ›Built Ali AC — bilingual (EN/AR) business site with full admin CMS
  • ›Developed Business Nexus — B2B real-time collaboration platform with Socket.IO
DjangoNext.jsWebSocketsPostgreSQLRedisSocket.IOCloudinary

Cyber Security — TEVTA

2026 — Presenteducation

Enrolled in TEVTA Cyber Security program to complement backend security knowledge.

  • ›Network security fundamentals
  • ›Secure coding practices
  • ›Ethical hacking basics
Network SecurityLinuxEthical Hacking

Django Backend Engineering

2025 — 2026milestone

Deep-dived into Django ecosystem, DRF, and backend system design patterns.

  • ›Built LMS backend with hierarchical data models
  • ›Mastered Django Channels for WebSocket support
  • ›Implemented complex RBAC and permission systems
DjangoDRFPostgreSQLCeleryRedis

Developer Internships

2025milestone

Worked across multiple companies gaining real-world full-stack experience.

  • ›10 Pearls Shine Pakistan — Built Todo app with MERN stack, user auth, and API logging
  • ›SMB Digital Zone — Full-stack features, API optimization, and Agile collaboration
  • ›Developers Hub Corporation — Auth systems, dashboards, REST APIs, and React + Tailwind UI
ReactNode.jsExpressMongoDBGitTailwind CSS

MERN Stack Development

2023 — 2024milestone

Developed full-stack MERN applications including e-commerce, B2B platforms, and utility apps.

  • ›Built complete e-commerce platform with Cloudinary image management
  • ›Developed Business Nexus B2B networking platform
  • ›Mastered Redux Toolkit for state management
  • ›Built Todo, Note, and Weather utility applications
ReactNode.jsExpressMongoDBReduxSocket.IO

BS Computer Science — University of Education Lahore

2023 — Presenteducation

Pursuing a Bachelor of Science in Computer Science alongside active professional development.

  • ›Core CS fundamentals — data structures, algorithms, OOP
  • ›Applying academic knowledge to real-world projects
C++PythonData StructuresAlgorithms
// contact

Get In Touch

Open to backend engineering roles, full-stack projects, and collaborative opportunities.

Email

hashimgujjar4447@gmail.com

GitHub

github.com/hashimgujjar447

LinkedIn

linkedin.com/in/muhammad-hashim-45b54b326

Resume

Download PDF

// Built with Next.js, Tailwind CSS, Framer Motion — Muhammad Hashim © 2026