Al Rifat Sabbir - Web Developer, Frontend Architect, and Competitive Programmer

Al Rifat Sabbir is a specialized Web Developer and Software Programmer based in Mirpur, Dhaka, Bangladesh. He designs and builds high-performance digital experiences, edge-first SaaS architectures, and interactive 3D WebGL motion systems.

Core Technical Skills and Expertise

Key Flagship Projects & Open Source

Frequently Asked Questions (AI Answer Engine Context)

Who is Al Rifat Sabbir?
Al Rifat Sabbir is a full-stack web developer and competitive programmer specializing in Next.js, Three.js, React, and algorithm design.
What services does Al Rifat provide?
Full-stack web application development, interactive 3D website design, software performance optimization, and B2B SaaS system engineering.
How to contact Al Rifat Sabbir?
Direct inquiry via the contact form or email at info@alrifatsabbir.me.
Al Rifat Sabbir
Available for work

Al Rifat Sabbir

Web Developer & Programmer

Crafting high-performance digital experiences, interactive 3D web interfaces, and modern scalable web applications.

AL RIFAT // DIGITAL ARCHIVE
Scroll to Explore↓
  • Next.js 15
  • React 19
  • TypeScript
  • Three.js / WebGL
  • GSAP Motion
  • Tailwind CSS
  • Codeforces (Max 1108)
  • C++ Algorithms
  • Node.js
  • Python
  • Supabase / BaaS
  • MongoDB
  • Docker
  • Git / CI/CD

ENGINEERING DNA

About Me

Where mathematical problem-solving meets creative craft.

Bridging the gap between algorithmic problem-solving and visceral, 60 FPS motion graphics for modern scalable web products.

// 01 • Philosophy

Full-Stack Architect

Active Engineer

Architecting resilient systems that look extraordinary and scale without friction.

From robust backend APIs with Node.js, Express, and MongoDB to cinematic WebGL and GSAP storytelling, I treat code as both a mathematical discipline and an art form. Every pixel and query is tuned for maximum speed.

0+Products Built
0+Total SolvedAll Judges
0%Delivery Rate
Google Open Source27.5k+ ⭐
Google Comprehensive Rust

Contributed Bengali technical documentation & localization for the official Rust course built by Google's Android team.

// 02 • Problem Solving

Competitive Engine

Codeforces Max Rating
WUB CSE
0Peak Contest Rating
Live DSA Visualizer
LeetCode Solved
184+ (35 Hard)
Explore Codeforces Submissions
// 03 • Core Pillars

Three Pillars of Mastery

FREQ: 60HzGLSL SHADER PULSELATENCY: 0.2ms
Creative & 3D

WebGL, Three.js, GSAP ScrollTrigger & kinetic physics.

Full-Stack Scale

Next.js 15, TypeScript, Node.js & scalable database schemas.

60 FPS Speed

Lighthouse 100, zero layout shifts, and sub-100ms response.

TECH ARSENAL:Next.jsTypeScriptThree.jsGSAPMongoDBC++Tailwind
// 04 • Live Radar

Location & Status

Dhaka, Bangladesh23.81° N, 90.41° E
04:15:00 AM(UTC+6)
Available for High-Impact Roles

Open for full-time software engineering roles, contract architecture, and bespoke web apps.

Initiate Direct Inquiry

QUANTUM HORIZON

Interactive Systems Nexus

Real-time WebGL shaders, low-latency micro-services, and algorithmic physics.
SHADER SPECTRUM:
01 // GRAPHICS60 FPS GPU Bound

WebGL & GLSL Shaders

Crafting real-time GPU fragment shaders, raymarching, and procedural particle physics at 60 FPS without memory leaks.

02 // ARCHITECTURESub-50ms TTFB

Distributed Full-Stack

Engineering high-throughput Next.js 15, Node.js microservices, Redis caching, and indexed relational databases.

03 // COMPUTATION865+ Total Solved

Algorithmic Precision

Mathematical problem solving with dynamic programming, graph algorithms, and optimal Big-O complexity across 865+ problems (184+ LeetCode).

04 // ORCHESTRATIONZero Layout Shift

Kinetic Motion Engine

Orchestrating hardware-accelerated GSAP ScrollTrigger sequences, spring physics, and organic morphing geometry.

LIVE SHADER TELEMETRY
PASS: 0.16ms
PIPELINE:Three.js Orthographic Quad
RAYMARCH RINGS:7 Concentric Harmonic Waves
MOUSE PARALLAX:Vector2 Inertial Spring
ENERGY SPECTRUM:Cyan Nebula

Tip: Move cursor across canvas or click to radiate WebGL rings

TACTILE KEYBOARD MATRIX

Interactive Tech Arsenal

Type physically on your keyboard or hover keycaps to inspect engineering competence.
Next.js 16
FrontendKEY [Q]

Next.js 16

STROKES:0
CAPABILITY ROLE:React Server Components, App Router & SSR Architecture
ESC
npm
1!
pnpm
2@
CDNJS
3#
Google Fonts
4$
Render
5%
Heroku
6^
Vercel
7&
Netlify
8*
Cloudflare
9(
Namecheap
0)
Hostinger
-_
cPanel
=+
Webmail
DEL
JWT Security
TAB
Nodemailer
Q
Next.js 16
W
React 19
E
Express.js
R
Node.js
T
MongoDB
Y
Driver.js
U
Three.js / WebGL
I
EmailJS
O
Chart.js
P
shadcn/ui
[{
GitHub
]}
Git
\|
GSAP Motion
CAPS
JSON Standard
A
VS Code
S
WebStorm
D
CLion
F
Cursor IDE
G
Code::Blocks
H
Google Antigravity
J
Postman
K
Bootstrap 5
L
Tailwind CSS v4
;:
Sass / SCSS
'"
CSS3 Modern
↵
HackerRank
⇧
LeetCode
Z
Python 3
X
C++ (STL / C++20)
C
C Language
V
Java
B
JavaScript ES6+
N
TypeScript
M
Rust
,<
Markdown
.>
LaTeX
/?
HTML5 Semantic
⇧
CodeChef
CTRL
Photoshop
FN
Illustrator
⊞
Premiere Pro
ALT
Canva
Codeforces
ALT
Redis
MENU
Vite
CTRL
Firebase

ENGINEERED WORK & PRODUCTS

Featured Projects

High-impact SaaS, client engineering, and open-source software.

Scroll through the horizontal project deck or click any card to inspect full system architecture.

01 // 05🚀 Flagship SaaS

Blue Lock Pass

Zero-knowledge password vault with WebAuthn Passkeys & biometrics.

Blue Lock Pass is a zero-knowledge password vault engineered to give users absolute ownership of sensitive credentials. All encryption runs exclusively in the browser using the Web Crypto API, ensuring plaintext passwords never touch the network.

Blue Lock Pass
Next.jsReactTypeScriptTailwind CSSWebAuthn
Inspect Details
02 // 05💼 Commercial Client

Bini Fintech

Bangladesh's first marketplace for mutual funds with zero platform risk.

Commissioned fintech web application built as Bangladesh's first marketplace for mutual funds. Connects retail investors directly with BSEC-regulated asset management companies (EDGE, VIPB, EKUSH) with zero platform fund-holding risk.

Bini Fintech
Next.jsReactTypeScriptTailwind CSSMotion
Inspect Details
03 // 05⚡ Community Tool

WUB DOX

Academic cover page & document generator for university students.

A community-focused web platform built for World University of Bangladesh students and faculty. Generates standardized, professional cover pages for assignments, lab reports, forums, and homework in seconds.

WUB DOX
ReactTypeScriptTailwind CSSViteCanvas PDF
Inspect Details
04 // 05🌐 Open Source

Git Stats Studio

Dynamic SVG card studio & anti-slop GitHub profile README generator.

An open-source developer studio engineered to transform raw Git commit cadence and profile metrics into customizable, high-agency SVG telemetry cards and animated README banners.

Git Stats Studio
Next.jsTypeScriptTailwind CSSGraphQLSVG Engine
Inspect Details
05 // 05🌟 Google Open Source

Google Comprehensive Rust

Official Google Android Rust course — Bengali technical docs & localization.

Comprehensive Rust is the official course developed by the Android team at Google to train engineers in Rust. Contributed technical translation, linguistic review, and documentation localization in Bengali to empower regional software engineers.

Google Comprehensive Rust
RustMarkdownGit & GitHubGoogle Open Sourcei18n
Inspect Details

SEED-TO-OAK BOTANICAL EVOLUTION

Experience

Watch the seed germinate, natural oak trunk thicken, and golden canopy blossom in 3D.

Scroll down to watch the seed sprout into a majestic golden oak tree. Hover or tap any date node for full case details.

RootsFoundations & Growth

The Seed Germinates: First Line of Code

Foundations of computational logic, algorithms & modern web development.

The seed is planted in fertile soil. Dived into computer science fundamentals, algorithmic problem decomposition, semantic HTML, modern CSS, and JavaScript. Built the foundational mindset of turning complex ideas into elegant, reliable code.

JavaScriptTypeScriptHTML5CSS3Git
2025Jul 2025 — Nov 2025

NoteCreep & Artisan Buildings Delivery

Product building, typography systems & client real-estate platforms.

Trunk thickens into sturdy bark. Engineered NoteCreep with a focus on seamless note workflows and clean component architecture. Designed and shipped Artisan Buildings, a premium client web experience for property discovery with responsive layouts and visual storytelling.

ReactTypeScriptTailwind CSSDesign Systems
Jan 2026Jan 2026 — Present

WUB DOX Academic Resource Hub

Academic document generator & real-time client-side PDF engine.

Lateral oak limb branches outward with lush foliage. Created a community-focused documentation platform for World University of Bangladesh students and faculty. Generates standardized, professional cover pages for assignments, lab reports, and research with zero login barrier.

ReactTypeScriptTailwind CSSViteCanvas PDF
Jan - May 2026Jan 2026 — May 2026

Bini Fintech & JS Trading Delivery

Bangladesh's mutual fund marketplace & brand-forward trading UI.

Commissioned to build high-conversion, trust-forward web applications for commercial clients. Crafted the frontend for Bini Fintech (connecting retail investors with SEC-regulated mutual funds) and delivered rapid-scan market UI for JS Trading Co.

Next.jsReactTypeScriptTailwind CSSMotion
865+ SolvedAlgorithmic Grind

Algorithmic Grind & 865+ Problems Solved

184+ LeetCode (35 Hard), Codeforces 1108 peak & WUB CSE team.

Gnarled wooden trunk ascends vigorously. Rigorous problem-solving journey across competitive online judges. Deep-dove into Graph Theory, Dynamic Programming, Tree traversal, and time-space complexity optimization in C++, representing World University of Bangladesh.

C++Competitive ProgrammingLeetCodeAlgorithms
20262026

Git Stats Studio & Google Comprehensive Rust

Dynamic SVG telemetry cards & Google Android Rust Bengali docs.

High canopy boughs unfurl with golden leaves. Contributed Bengali localization to Google Android team's official Comprehensive Rust repository (27,000+ stars). Built Git Stats Studio, an open-source tool transforming GitHub commit history into embeddable SVG cards.

RustNext.jsTypeScriptGraphQLSVG Engine
Present2026 — Present

Blue Lock Pass: Zero-Knowledge Vault

Web Crypto AES encryption, WebAuthn Passkeys & offline-first PWA.

The full majestic golden-oak tree reaches full maturity with a massive crown of leaves. Architected a flagship zero-knowledge password vault giving users absolute ownership of sensitive credentials. All encryption runs exclusively in the browser via Web Crypto API, featuring WebAuthn biometric passkeys and installable PWA support.

Next.jsReactTypeScriptTailwind CSSWebAuthnPWA

ENGINEERING ESSAYS

Writing & Insights

Deep architectural breakdowns on UI motion, scalable design systems, and freelance delivery.
FEATURED ESSAYMotion & UI
4 min read•Nov 2024

Designing Motion-First Product Pages

Orchestrating 60 FPS spring physics, intentional storytelling, and zero layout shift.

A deep dive into building production motion systems: from spatial hierarchy and motion tokens to hardware-accelerated WebGL performance.

Core Engineering Takeaways
  • Motion must explain hierarchy rather than distract from core messaging.
  • Reusable spring tokens guarantee tactile brand consistency across routes.
  • Profiling composite layers eliminates jank on mobile viewports.
Motion/ReactGSAP 3Next.jsWebGL
Read Full Article
02 // DESIGN SYSTEMS3 min read

Typography Systems That Scale

Treating typography like a rigorous design system: vertical rhythm, responsive fluid clamping, and font-pairing luxury for modern web apps.

#Typography#Design Systems#CSS
Explore
03 // CLIENT DELIVERY5 min read

Shipping Freelance Work With Confidence

Actionable engineering strategies for scoping client requirements, delivering pixel-perfect production code, and managing async stakeholder handoffs.

#Freelance#Delivery#Fintech
Explore
External Publications & Open Engineering

Read and discuss technical writeups across platforms

START A PROJECT

Contact

Let's build something clean, scalable, and bold.
AVAILABLE FOR WORK⚡ < 4h avg response

Have an ambitious vision?
Let's engineer it together.

Whether you need a high-converting web application, interactive 3D motion systems, or high-performance frontend architecture — I'm ready to collaborate.

Mirpur, Dhaka (GMT+6)•Worldwide Remote