01/INTRODUCTION
LIVE

Building digital products that are fast, scalable, and engineered to last.

I’m Affan, a Full-Stack Developer focused on building modern web applications, scalable backend systems, and polished digital experiences.

SYSTEM TELEMETRYACTIVE
ROLE
Full-Stack Engineer
FOCUS
Distributed Systems • Next.js
LOCATION
India (UTC+5:30)
COORDINATES
28.6139° N, 77.2090° E
AVAILABILITY
Open to Opportunities
Engineering Focus
Full-Stack Systems
End-to-end APIs • DBs • Realtime
Client Delivery
0 Freelance Projects
100% production completion rate
Industry Experience
0 Months Internship
Transit Terminal • BinaryFlo
Open Source Impact
Top 1% Contributor
GSSoC • SSoC • Rank 0 Unvibe
02/CORE ARCHITECTURE & METHODOLOGY

Engineering reliable digital products — from first architectural blueprint to sub-second production deployment.

Bridging ambitious technical requirements with maintainable codebases, distributed resilience, and precision user interactions.

01

Product-Driven Thinking

Code is a means to deliver business value. I design and architect every feature with user experience, conversion, and product longevity in mind.

02

Scalable Backend Architecture

Engineered for high concurrent throughput with efficient database indexing, connection pooling, caching strategies, and resilient API contracts.

03

Security-Conscious Development

Proactive security at every layer: strict JWT validation, HTTP-only secure cookies, rate limiting against brute force, input sanitization, and CORS isolation.

04

Performance & Maintainability

Writing clean, modular TypeScript with strict type boundaries, low latency response times, minimal bundle footprint, and clear documentation.

03/TECHNICAL ARCHIVE & SYSTEMS INDEX

Engineered Systems & Work

Index of production-grade distributed architectures, real-time engines, and precision full-stack applications.

Full-Stack / Distributed Real-Time

Real-Time Chat & Collaboration Engine

Low-latency bidirectional messaging platform with distributed room state and security controls.

The Architectural Challenge

Traditional polling causes heavy server overhead. Real-time messaging requires reliable bidirectional socket synchronization, state recovery across disconnects, and flood protection.

Engineered Solution

Engineered an event-driven WebSocket/Socket.io backend with Express, MongoDB persistence, Redis presence caching, and optimistic client-side UI updates.

ROLE & RESPONSIBILITY

Architected socket event protocols, backend APIs, rate-limiting middleware, MongoDB schemas, and responsive optimistic UI.

Engineered Capabilities

  • Sub-50ms message propagation with WebSockets
  • Live typing indicators & Redis presence tracking
  • JWT authentication with secure HTTP-only cookies
  • Sliding-window rate limiting against spam attacks

Technology Stack

Node.jsExpress.jsSocket.ioReactTypeScriptMongoDBRedisTailwind CSS
TELEMETRY & OUTCOMES
  • ↳Sub-50ms message dispatch latency
  • ↳Zero message drops during socket reconnection
Full-Stack AI & Voice

AI Fitness Assistant

Voice-enabled fitness companion generating personalized workout regimens and custom nutrition plans via Gemini AI.

The Architectural Challenge

Static workout routines fail to adapt to individual injuries, dietary constraints, and fitness goals without expensive personal trainers.

Engineered Solution

Built a Next.js platform utilizing Vapi for interactive voice intake, Google Gemini for dynamic workout/diet program generation, and Convex for reactive real-time data sync.

ROLE & RESPONSIBILITY

Engineered full-stack app: Vapi voice agent flows, Gemini prompt pipelines, Convex real-time schema, Clerk auth, and Shadcn UI.

Engineered Capabilities

  • Conversational Voice AI assistant (Vapi) for fitness intake
  • Custom workout routines & meal plans generated by Gemini AI
  • Reactive real-time database & program management with Convex
  • Multi-provider authentication & route security via Clerk

Technology Stack

Next.jsReactTypeScriptTailwind CSSShadcn UIVapi AIGemini AIConvexClerk
TELEMETRY & OUTCOMES
  • ↳Real-time voice-driven fitness consultation
  • ↳Automated personalized workout & diet generation
Systems / Search & Information Retrieval

Tiny Vector Search Engine

Modular, in-memory vector similarity engine built from scratch in pure Python with exact Cosine math and REST API.

The Architectural Challenge

Commercial vector databases hide dense vector arithmetic behind complex C++ wrappers, making it difficult to understand embedding spaces, geometric similarity, time complexity trade-offs, and metadata filtering.

Engineered Solution

Engineered a zero-dependency vector engine in Python implementing pure cosine similarity math, O(N log K) min-heap nearest-neighbor retrieval, metadata pre-filtering, and atomic JSON disk persistence backed by FastAPI.

ROLE & RESPONSIBILITY

Architected the decoupled multi-layer system: vector math kernel, in-memory dimension-enforced storage, heap-based search index, metadata pre-filter, atomic disk persistence, and 48 automated tests.

Engineered Capabilities

  • Pure Python vector arithmetic (Cosine similarity, L2 norm, zero-vector safe)
  • O(N log K) bounded Top-K candidate selection via min-heap priority queues
  • Metadata pre-filtering and candidate ID set reduction before vector scoring
  • Production-ready FastAPI REST API with Swagger documentation & Pydantic schemas

Technology Stack

Python 3.11+FastAPIPydanticPytestUvicornVector MathREST API
TELEMETRY & OUTCOMES
  • ↳Zero external vector DB dependencies
  • ↳48/48 unit & integration tests passing
  • ↳O(N log K) heap-bounded search latency
04/TECHNICAL COMPETENCY MATRIX

Technical Stack & Tooling

A production-proven technology stack honed through distributed architecture, open-source development, and client deliverables.

Frontend Engineering

01

Crafting performant, accessible, and responsive user interfaces with modern component architectures.

React

Hooks, Context, State Design

Next.js

App Router, SSR, Server Actions

TypeScript

Strict Type Safety & Generics

JavaScript (ES6+)

Async/Await, DOM APIs

Tailwind CSS

Design Systems & Custom Configs

HTML5 & CSS3

Semantic Structure & Modern CSS

Backend & Systems

02

Architecting reliable server environments, high-throughput APIs, and real-time streaming services.

Node.js

Event Loop, Streams, Performance

Express.js

Middleware, Routing, Error Boundaries

REST APIs

Resource Modeling, Versioning, Auth

WebSockets

Socket.io, Bidirectional Channels

Authentication

JWT, Session Cookies, OAuth

Databases & Caching

03

Designing structured relational and document databases with optimized indexing and in-memory caches.

MongoDB

Document Modeling, Mongoose, Aggregations

PostgreSQL

Relational Schemas, Constraints, SQL

Redis

In-Memory Caching, Pub/Sub, Key Eviction

DevOps & Infrastructure

04

Building reproducible containerized environments, version control practices, and deployment pipelines.

Docker

Multi-stage Builds, Containerization

Git & GitHub

Git Flow, Code Review, Branching

CI / CD

GitHub Actions, Automated Testing

Cloud Deployment

Vercel, Render, AWS/Cloud VPS

Core Foundations & AI

05

Deep foundational understanding of computer science principles and modern AI tool integrations.

Data Structures & Algorithms

Optimized Problem Solving

Computer Networks

TCP/IP, HTTP/1.1-2-3, WebSockets

Operating Systems

Processes, Concurrency, Memory

AI / LLM Integrations

Prompt Engineering, API Integrations

05/TECHNICAL DEPTH & OPEN SOURCE RECOGNITION

Open Source Impact & Evidence

Demonstrated technical excellence in distributed systems, asynchronous PR review cycles, and large-scale codebase contributions.

Top 1% Contributor
INDEX 01

GirlScript Summer of Code

GSSoC’26 Contributor

Contributed high-impact pull requests across open-source web and backend repositories, collaborating with maintainers on production bug fixes and UI performance.

VERIFIED CONTRIBUTIONS:
Ranked in Top 1% globally based on merged PR complexity and velocity
Resolved frontend state management bugs and responsive UI bottlenecks
Optimized backend route handling and structured API documentation
Top 1% Contributor
INDEX 02

Social Summer of Code

SSoC’26 Contributor

Delivered modular frontend enhancements, component refactoring, and critical fixes across diverse open-source codebases.

VERIFIED CONTRIBUTIONS:
Achieved Top 1% contributor standing across active global participants
Built reusable UI components and modular utility libraries
Collaborated asynchronously with maintainers following strict Git workflows
Rank 64th
INDEX 03

UnvibeCode Open Source Challenge 2026

Rank 64th Contributor

Earned Rank 64th globally in competitive open-source challenge by delivering high-velocity feature contributions and performance optimizations.

VERIFIED CONTRIBUTIONS:
Ranked 64th globally across thousands of competitive participants
Shipped modular frontend components and backend route optimizations
Maintained linear Git commit history and comprehensive PR documentation

Distributed Collaboration & Strict Git Architecture

Experienced in asynchronous RFC discussions, semantic versioning, linear commit trees, and zero-downtime merge strategies.

Community Verified
06/PROFESSIONAL TIMELINE & RECORD

Engineering Track Record

Real-world software engineering experience working within agile engineering teams on live production systems.

Internship

Full Stack Engineer

Transit Terminal
May 2026 – Jul 2026 · 3 mos
Mumbai, India · Hybrid

Engineered a production B2B maritime freight platform with live rate operations, dynamic pricing engines, currency normalization, and automated SEO pipelines.

RESPONSIBILITIES & DELIVERABLES:
Built backend pricing logic and currency normalization pipelines to compute multi-currency freight quotes into USD.
Engineered dynamic overweight charge rules with configurable weight thresholds and shipping-line evaluations.
Developed reusable UI components including Port Autocomplete and booking forms backed by dynamic MongoDB APIs.
Implemented comprehensive SEO architecture (JSON-LD structured data, Open Graph, dynamic XML sitemaps).
APPLIED TECH:Next.jsReactTypeScriptNode.jsExpress.jsMongoDBREST APIsSEO
Internship

Full Stack Developer

BinaryFlo
Nov 2025 – Jan 2026 · 3 mos
Mumbai, India · Remote

Developed component-based frontend architectures and integrated RESTful APIs with sub-second page performance.

RESPONSIBILITIES & DELIVERABLES:
Translated Figma UI/UX designs into pixel-perfect, accessible React and Next.js components.
Integrated frontend applications with backend REST APIs, handling async state management and error boundaries.
Optimized rendering performance and asset loading to improve Core Web Vitals and page load speeds.
Participated in agile sprints, peer code reviews, and cross-browser compatibility testing.
APPLIED TECH:ReactNext.jsTypeScriptTailwind CSSREST APIsPerformance
Freelance

Full-Stack Freelance Engineer

Client Projects
2025 – Present
Remote / Global

Successfully delivered 4 production-grade freelance projects with 100% on-time milestone delivery and client satisfaction.

RESPONSIBILITIES & DELIVERABLES:
Architected and deployed full-stack web applications using Next.js, React, TypeScript, and Node.js.
Built secure backend REST APIs with JWT authentication and PostgreSQL/MongoDB database models.
Configured automated production deployments on Vercel and cloud platforms with SSL and CI/CD pipelines.
APPLIED TECH:Next.jsReactTypeScriptNode.jsPostgreSQLMongoDBTailwind CSS
07/SERVICES & CAPABILITIES

Engineered Capabilities

Delivering high-performance, conversion-ready digital solutions engineered for speed, business longevity, and security.

01

SaaS & Web Applications

End-to-end product development

Turn your vision into a scalable, high-converting SaaS product. Built with clean architecture, robust user authentication, and high performance from day one.

KEY DELIVERABLES:
Full-stack Next.js / React application
Multi-tenant database schema design
Subscription & user management flows
Production-ready deployment & monitoring
Next.jsTypeScriptPostgreSQLTailwind CSS
Inquire About Service
02

Real-Time & Collaborative Systems

Low-latency bidirectional streaming

Live chat engines, real-time collaboration boards, instant notification systems, and presence trackers engineered with WebSockets and Redis pub/sub.

KEY DELIVERABLES:
Sub-50ms WebSocket event pipeline
Heartbeat presence & typing indicators
Connection reconnection & failover logic
Rate-limited socket protection
Socket.ioNode.jsRedisMongoDB
Inquire About Service
03

REST APIs & Backend Infrastructure

Resilient server architecture

High-throughput API microservices with clean controller-service architecture, structured error handling, token security, and caching strategies.

KEY DELIVERABLES:
Modular RESTful API endpoints
Redis caching layer for read-heavy routes
Rate limiting, input validation & CORS
Automated testing & API documentation
Node.jsExpress.jsRedisDocker
Inquire About Service
04

High-Performance Frontend & UI

Fast, responsive, editorial interfaces

Transform Figma designs or functional requirements into pixel-perfect, accessible, and fast web experiences with perfect Lighthouse scores.

KEY DELIVERABLES:
Sub-second First Contentful Paint (FCP)
Strict responsive layout across all screen sizes
WCAG-compliant accessible components
Clean TypeScript component libraries
Next.jsReactTypeScriptTailwind CSS
Inquire About Service
05

Auth & RBAC Systems

Enterprise-grade access control

Implement impenetrable authentication and authorization systems with JWT, secure HTTP-only cookies, session refresh strategies, and role-based permissions.

KEY DELIVERABLES:
JWT & refresh token rotation pipelines
Role-Based Access Control (Admin, Member, User)
Password hashing with bcrypt & salt
CSRF & XSS defense mechanisms
Node.jsTypeScriptPostgreSQL / MongoDB
Inquire About Service
06

AI-Powered Web Features

Intelligent LLM application workflows

Integrate OpenAI, Claude, or open-source LLMs into your product workflows with streaming responses, prompt management, and automated text pipelines.

KEY DELIVERABLES:
Streaming AI chat & completion interfaces
Context-aware prompt structuring
Token usage & rate management
Robust fallback & error handling
Next.jsLangChain / AI SDKTypeScript
Inquire About Service
08/VALUE PROPOSITION & STANDARDS

Why Work With Me

An engineer who treats your codebase, architecture, and business goals with the rigor and ownership of a technical co-founder.

Proven Track Record

Delivered 4 production freelance projects with 100% full success, strict milestone adherence, and high client satisfaction across full-stack deliverables.

Full-Stack Autonomy

I bridge the gap between polished UI engineering and scalable backend infrastructure, eliminating coordination friction and accelerating delivery.

Engineering Craftsmanship

I write clean, documented, strictly typed TypeScript that your team can comfortably maintain and extend for years to come.

Reliable & Direct Communication

Expect transparent updates, clear sprint milestones, proactive problem solving, and zero technical excuses.

09/INITIATE ENGAGEMENT & CONTACT

Have a project or opportunity?

Let's build a fast, scalable, and engineered digital product. Whether you need a full-stack system from ground zero, distributed backend infrastructure, or real-time capabilities.

DIRECT EMAIL
affanraza8081@gmail.com
TIMEZONE & RESPONSE
IST (UTC+5:30) / Remote
Response SLA: Under 12 hours
SYSTEM STATUS
Available for Engagement
Freelance • Contract • Full-Time

Start a Conversation

Inquiry details are saved securely and delivered directly to inbox.