SC.RAFI Full-Stack Engineer · Django · React

I engineer reliable systems that hold under real load.

I am Salman. I am a full-stack engineer who ships production Django and React systems for international clients — from custom REST APIs to AI-assisted internal tools. I study Electrical Engineering at NWPU and treat clean architecture and clear documentation as features, not chores.

View selected work Read the source
01

The
manifesto.

Reliable systems are designed, not wished into existence.

I am a full-stack engineer with a background in Electrical Engineering & Automation, currently shipping production Django and Django REST Framework systems for international clients. My focus is straightforward: clean architecture, comprehensive documentation, and a deliberate approach to AI integration that never compromises financial or authentication logic.

My engineering philosophy is conservative on architecture, generous on tooling. I reach for PostgreSQL before newer alternatives, JWT before session-based auth, Docker before “just ssh into it.” I treat AI as a fast, occasionally hallucinating junior engineer — useful for boilerplate and line-item extraction, dangerous when trusted with payments or identity. The result is systems that are auditable, debuggable, and easy to extend.

I optimise for the next engineer who opens the repository — often me, three months later. The first commit of a feature is the plan. The second is the migration. The third is the implementation. Everything after that is negotiable.

02

Selected
work.

Five case studies. Each project has a public repository, a working deployment, and a clear technical rationale.

Smart Parking Monitoring dashboard
Django REST · React · Real-time
// 01

A real-time parking facility monitor with alert logic.

Backend on Django REST Framework, frontend on React. Devices report telemetry; the server validates payloads, deduplicates alerts, and exposes a summary API the dashboard polls every ten seconds. Includes a custom management command to seed demo data and a per-zone efficiency roll-up against operator-set targets.

Stack
DRF + React
Polling
10 s
Severity
3 tiers
Acknowledgement
Built-in
  • Django 5
  • DRF
  • React 18
  • PostgreSQL / SQLite
  • Custom admin
view source on GitHub
HabitFlow dashboard
Full-stack · Gamification
// 02

HabitFlow — habit tracking with a gamified forest.

My most ambitious project: a Django 5 + DRF backend with JWT authentication, a React 18 frontend with multiple themes, and a gamified forest that grows as habits are completed. Community challenges, social features, Dockerised infrastructure, and a documented release pipeline. Version 1.0.0 shipped November 2025.

Backend
Django 5
Frontend
React 18
Auth
JWT
Themes
Multiple
  • Django 5.0
  • DRF
  • React 18+
  • Docker
  • PostgreSQL
view source on GitHub
WolfVista digital agency platform
WordPress · Django · Agency
// 03

WolfVista — AI-powered digital marketing & IT consulting agency.

Contributing as a full-stack developer at Wolf Vista (wolfvista.com), an Ottawa-based agency offering AI-enhanced digital marketing, web development, and IT consulting. Building client websites, WordPress customizations, SEO-optimized deployments, and Django-based tools for healthcare, education, e-commerce, and professional services clients across North America.

Services
3 verticals
Clients
Global
Stack
WP + Django
Focus
SEO + Dev
  • WordPress
  • Django
  • SEO
  • PHP
  • AI Integration
visit wolfvista.com
Task Manager API dashboard
REST API · Auth · CRUD
// 04

A clean Django REST task manager with JWT login.

The textbook Django REST project, executed with care: user registration, JWT login, full task CRUD with user-level data isolation, search, status and priority filters, ordering, and pagination. Ships with a small Tailwind frontend so the API has a face. Built as a learning project that matured into a reusable starting point.

CRUD
Full
Auth
JWT
Filters
4 axes
Isolation
Per-user
  • Django
  • DRF
  • SimpleJWT
  • SQLite (Postgres-ready)
  • Tailwind
view source on GitHub
Invoice management with AI extraction
Django · AI assist · PDF
// 05

An invoice & ledger system with a careful AI assist.

Two related projects: a Django invoice system with PDF generation, email delivery, soft-delete, and reports — plus a mini ledger API for customer-level balance tracking. The AI helps with line-item extraction; the financial math, auth, and idempotency are always hand-written and tested. Documentation before AI. Tests before trust.

Apps
6
Auth
JWT
Reports
Built-in
AI
Assist only
  • Django 5
  • DRF
  • PostgreSQL
  • WeasyPrint (PDF)
  • Custom admin
invoice system mini ledger
Smart Parking dashboard
01 Django REST · React

Smart Parking Monitor

Real-time facility monitoring with alert deduplication, 10-second polling, and per-zone efficiency roll-ups against operator-set targets.

StackDRF + React
Polling10s
Severity3 tiers
  • Django 5
  • DRF
  • React 18
  • PostgreSQL
View source
HabitFlow dashboard
02 Full-stack · Gamification

HabitFlow

Habit tracking with a gamified forest that grows as habits complete. JWT auth, multiple themes, community challenges, Dockerised infrastructure.

BackendDjango 5
FrontendReact 18
AuthJWT
  • Django 5
  • DRF
  • React 18
  • Docker
View source
WolfVista agency
03 WordPress · Django · Agency

WolfVista Agency

AI-powered digital marketing & IT consulting agency. Building client websites, SEO optimization, and Django tools for healthcare, education, and e-commerce.

Services3 verticals
ClientsGlobal
FocusSEO + Dev
  • WordPress
  • Django
  • SEO
  • AI
Visit wolfvista.com
Task Manager API
04 REST API · Auth · CRUD

Task Manager API

Clean Django REST task manager with JWT login, per-user data isolation, search, status and priority filters, ordering, and pagination.

CRUDFull
AuthJWT
Filters4 axes
  • Django
  • DRF
  • SimpleJWT
  • Tailwind
View source
Invoice & Ledger System
05 Django · AI assist · PDF

Invoice & Ledger

Django invoice system with PDF generation + mini ledger API. AI assists with line-item extraction; financial math is always hand-written and tested.

Apps6
AuthJWT
AIAssist only
  • Django 5
  • DRF
  • PostgreSQL
  • WeasyPrint
Invoice system Mini ledger
01/05
03

The operating
stack.

A working toolkit, not a wish list. These are the languages and services I rely on for client work and production deployments.

// 01 · Backend

Django is the default. The rest visit.

Django 5 + Django REST Framework is the foundation for most client work. Flask only when the surface is genuinely tiny. PostgreSQL for anything that needs to survive production; SQLite for prototypes and learning repositories. JWT for authentication, drf-spectacular for API documentation, pytest-django for the tests I wish I had written first.

  • Django 5
  • DRF
  • Flask
  • PostgreSQL
  • SQLite
  • SQL
  • JWT
// 02 · Frontend

React for product. Vanilla for clarity.

React 18 for product interfaces that earn the dependency. Vanilla JavaScript and a single CSS file for landing pages, dashboards, and anything I want to keep readable in five years. I prefer being able to read my own code later.

  • React 18
  • Vanilla JS
  • Tailwind
  • HTML5
  • CSS3
// 03 · DevOps & infrastructure

Boring on purpose. CI by default.

Docker for reproducible environments, GitHub Actions for the eighty percent of CI that does not need to be clever, Linux (Ubuntu, mostly) for everything else. I default to the boring choice until the interesting one proves it deserves the seat.

  • Docker
  • GitHub Actions
  • Linux
  • Git
  • nginx
// 04 · AI · used carefully

AI as a senior-pair, not the captain.

Large language models for boilerplate, line-item extraction, and "what is the idiomatic way to..." questions. Never for authentication, payments, or any path a regulator would audit. The financial math, the auth boundary, and the idempotency guarantees are always hand-written and tested by a human. AI accelerates the boring eighty percent; the remaining twenty percent still belongs to engineering judgement.

// 05 · Currently investing in

Where the next six months point.

Type-safe Python (Pydantic, mypy in strict mode), TypeScript beyond any, and the Kubernetes layers I keep pretending I do not need. I aim to learn one new thing per quarter and ship it in production within the same window.

  • Pydantic v2
  • mypy --strict
  • OpenTelemetry
  • TypeScript
  • k3s
// 06 · Practice

The way the work gets done.

README before code. Migrations before models. Tests before trust. Postmortems are blameless. The first commit of a feature is the plan, the second is the migration, the third is the implementation. After that, anything is negotiable.

04

A short
trajectory.

  1. 2025 → Now

    Full-Stack Developer · WolfVista

    WordPress · Django · SEO · Remote (Ottawa, CA)

    • Building and maintaining client websites for an AI-powered digital marketing & IT consulting agency serving businesses across North America.
    • Developing custom WordPress themes and Django backends for healthcare, education, e-commerce, and professional services clients.
    • Implementing SEO optimization strategies without degrading user experience — performance budgets, semantic HTML, and structured data.
    • Freelancing alongside for direct clients — custom Django REST APIs, billing systems, and habit-tracking platforms.
  2. 2023 →

    B.Eng · Electrical Engineering & Automation

    Northwestern Polytechnical University · Xi'an, China

    • Current undergraduate study with a strong focus on circuits, signals, and a quiet obsession with how software actually runs on the metal.
    • Studying in Chinese, shipping side projects in English. The bilingual README is now muscle memory.
    • Building production-quality personal projects rather than only consuming tutorials. See github.com/MSCRAFI.
  3. 2022 →

    Self-taught foundations

    Python first, then the web

    • Started with Python because the documentation reads like sentences. Adopted Django because the documentation reads like a good book.
    • First shipping project: a small CLI that renamed files in a folder in the order I wanted.
    • First project I would not show in an interview: a six-hundred-line index.html from 2022. It still works. I do not look at it.
  4. 2004

    Born in Savar, Dhaka

    Bangladesh → Xi'an, China

    • Still drink cha the way my mother makes it. No café in Xi'an has figured it out yet. Working on it.
    • Two passports worth of weather. One worth of code.
    • Still quietly impressed by the number of languages a single human project can end up holding together.
05

What I
build.

Production systems, not prototypes. Each engagement starts with architecture and ends with documentation.

Full-Stack Web Development

End-to-end Django + React applications with REST APIs, JWT authentication, PostgreSQL, and Docker deployments. From concept to production.

  • Django
  • React
  • PostgreSQL
  • Docker

API Design & Backend Systems

Clean REST APIs with Django REST Framework. FilterSet-powered endpoints, pagination, automated documentation with drf-spectacular, and comprehensive test coverage.

  • DRF
  • JWT
  • OpenAPI
  • pytest

WordPress & SEO

Custom WordPress themes and plugins, performance optimization, and SEO that doesn't degrade user experience. Currently contributing at WolfVista agency.

  • WordPress
  • PHP
  • SEO
  • Performance

AI-Enhanced Tools

Carefully scoped AI integration for line-item extraction, content generation, and workflow automation. AI assists — hand-written logic always governs auth and finances.

  • LLM
  • Python
  • Automation
  • PDF
06

How I
work.

01

Discovery

Understanding your business goals, technical constraints, and the problem we're solving. I ask hard questions early so we don't build the wrong thing fast.

02

Architecture

Data models, API contracts, and deployment strategy — documented before a line of code is written. The README is the first deliverable, not the last.

03

Development

Iterative sprints with working deployments at each milestone. Migrations before models. Tests before trust. Regular check-ins, no surprises.

04

Deployment & Support

Docker containers, CI/CD pipelines, monitoring, and documentation handoff. The goal is a system the next engineer can open, understand, and extend.

07

Kind
words.

Salman transformed our marketing strategy with AI-enhanced tools and personalized insights. His attention to technical detail is unmatched — the Django backend he built handles our data pipeline flawlessly.

Shaon Kabir Head of Marketing, Curator Global

From planning to execution, Salman delivered a professional, responsive website that aligns perfectly with our brand goals. The documentation he left behind made handoff effortless.

Lincon Simoneta CEO, Lumer Network

Wolf Vista helped us reimagine our brand presence and reach. Salman's development work — the custom WordPress theme and Django integrations — was clean, well-documented, and delivered on time.

Abu Khandaker Partner, Edu Solution

The invoice system Salman built handles our entire billing workflow — PDF generation, email delivery, and the mini ledger for customer balances. The AI extraction saves hours of manual entry every week.

Mahfuz Rahman Operations Lead, TradeBD
// 05 · activity

A year of commits.

Sourced from public contributions on github.com/MSCRAFI. Darker cells indicate a higher commit count that day.