Engineering Duo:Abdul Hannan & Mohammad Arslaan

Engineering Digital Excellence. Backend & AI

A combined engineering powerhouse merging robust full-stack systems, offline-first database architectures, and AI integrations with pixel-perfect, high-performance web interfaces.

1,000+ Records
Real-world transactions handled
35โ€“40% Boost
Load speed & rendering optimizations
AI & RAG Ready
Full GenAI pipeline integrations
SYSTEM_TELEMETRY_PROBE
duotechin~/matrix-core
visitor@duotech:~$
Quick Commands:
ONLINE ยท DUOTECH449@GMAIL.COM
Dual Engineering Specializations

The Duo: Engineered for Synergy

Two complementary engineers bridging the gap between heavy computational backend systems and exquisite user-facing interactive frontend designs.

Complex Systems & AI

Abdul Hannan

Full-Stack Developer & Software Engineer

B.Tech Computer Science (DBRAU, Agra ยท 2021โ€“2025)Full-Stack Developer @ Lala Motors (01/2025 โ€“ Present, Agra)

B.Tech Computer Science graduate from DBRAU Agra (2021 โ€“ 2025) with 1.5+ years of hands-on experience building and deploying production web applications, internal business systems, and automation solutions. Built an offline-first ERP & billing system processing 1,000+ real-world transactions and customer web platforms for Lala Motors.

1,000+
Real Transactions
1.5+ Yrs
Hands-on Experience
B.Tech CS
Degree
8+ Live
Projects Shipped

Professional Experience

Lala MotorsFull-Stack Developer (01/2025 โ€“ Present)

Built custom software replacing manual workflows; developed offline-first Python/SQLite ERP and customer-facing Next.js booking platform supporting 1,000+ real transactions.

Key Engineering Deliverables

  • Offline-First ERP & Billing System Architecture (Python & SQLite)
  • Customer-Facing Web Platform with SSR & REST APIs (Next.js & React.js)
  • Database Architecture supporting 1,000+ Real Customer & Financial Transactions
  • Automated WhatsApp & Email Customer CRM Notifications Pipeline
  • Generative AI, LLM Applications & Vector RAG Knowledge Retrieval

Technologies & Frameworks

React.jsNext.js (SSR)JavaScript (ES6+)TypeScriptPythonNode.jsExpress.jsPostgreSQLMongoDBSQLiteSQLSupabaseREST APIsGenerative AI / LLMs / RAGRedux & React HooksTailwind CSSPostman & Git/GitHub
Verified Production Endorsement

โ€œAbdul transformed our entire business operations from manual paperwork into a lightning-fast, offline-first ERP and customer web platform that seamlessly handles thousands of transactions.โ€

Lala Motors Managementโ€ขAutomotive Operations & Dealership
Performant, Pixel-Perfect UI

Mohammad Arslaan

Frontend Architect & UI/UX Engineer

B.Tech Computer Science (KMCLU, Lucknow ยท GPA: 7.29)Frontend Intern @ RoughCodes (ResearchKart.in) โ€ข Tech Lead @ Dhex Mediatech

B.Tech Computer Science student at Khwaja Moinuddin Chishti Language University, Lucknow (GPA: 7.29, 2022 โ€“ 2026). Full-Stack Developer Intern at RoughCodes (ResearchKart.in) & Technical Trainee Lead at Dhex Mediatech. Expert in component-driven UI systems, ~35โ€“40% page speed gains, micro-animations, and AI prompt engineering.

~40% Faster
Speed Optimization
~30% Boost
Engagement Lift
7.29
B.Tech CS GPA
100% Reliable
Team Leadership

Professional Experience

RoughCodes Pvt. Ltd.Full Stack / Frontend Developer Intern (Nov โ€“ Dec)

Engineered scalable modular UI for live production research platform ResearchKart.in; optimized asset waterfalls for ~40% faster loads.

Dhex Mediatech Pvt. Ltd.Technical Trainee & Developer Team Lead (Dec 2024)

Led a team of 4 developers across AI, AWS Cloud & DevOps; deployed 2 full-scale ML/GenAI projects with 95% automation accuracy.

Key Engineering Deliverables

  • Modular Component Architecture & Micro-Interactions (ResearchKart.in)
  • 35-40% Rendering & Page Load Speed Optimization (First Contentful Paint < 0.4s)
  • Cross-Browser Compatibility & Mobile-First Responsive Layouts (100% SLA)
  • AI Prompt Engineering, Generative AI API Integrations & Streaming UIs
  • Team Leadership: Led 4 developers to complete AI deliverables 2 weeks early

Verified Certifications

โญ Advanced Prompt Engineering for GenAI (2024)โญ Deloitte Cyber Security Job Simulation (Forage)

Technologies & Frameworks

ReactJavaScript (ES6+)Next.jsTailwind CSSFramer MotionHTML5 / CSS3Node.jsExpress.jsPython / C++ / JavaSQL / MongoDB / FirebasePrompt EngineeringVercelGit / GitHubSystem Design & DSA
Curated Software & Systems

Featured Projects

Production software processing real transactions, advanced frontend graphics engines, backend architectures, and AI platforms.

Live Portfolio
Abdul Hannan โ€” Personal Portfolio
01 โ€” Production / Personal BrandFlagship Live Experience
Inspect System & Case Study

Abdul Hannan โ€” Personal Portfolio

A cinematic developer portfolio engineered with Next.js App Router, Framer Motion choreography, Tailwind CSS, and interactive case studies.

Next.jsReactTypeScriptTailwind CSSFramer MotionVercel
Lala Motors ERP & Billing System
02 โ€” Production / Real-World1,000+ Real Transactions
Inspect System & Case Study

Lala Motors ERP & Billing System

A production-tested, offline-first Windows operations platform that transformed manual workshop workflows into a digital ecosystem with SQLite transactions, branded PDF generation, and automated customer reminders.

PythonSQLiteTkinterReportLabRelational DBBilling Automation
Lala Motors โ€” Full-Stack Automotive Platform
03 โ€” Production / Real-WorldLive Automotive Platform
Inspect System & Case Study

Lala Motors โ€” Full-Stack Automotive Platform

A production-oriented full-stack platform combining workshop bookings, spare-parts commerce, inventory management, customer accounts, service history, automated notifications, and a pre-owned two-wheeler marketplace.

Node.jsExpress.jsPostgreSQL (Supabase)Vanilla JS / ES6+REST APIs
GolfAI โ€” Performance AI Platform
04 โ€” Engineering / AI PlatformAutonomous AI Platform
Inspect System & Case Study

GolfAI โ€” Performance AI Platform

A production-ready sports AI platform combining real-time performance analytics, accessible micro-animations, prompt engineering, and conversational Generative AI interfaces.

Next.jsReactGenAI APIsUI AnimationsTailwind CSSVercel
Apple Vision Pro Experience
05 โ€” Engineering / Technical60fps Dual Canvas Engine
Inspect System & Case Study

Apple Vision Pro Experience

A high-performance interactive marketing experience mapping discrete scroll positions to dual HiDPI canvas rendering engines, synchronized GSAP timelines, and 60fps Lenis inertia.

JavaScriptGSAP ScrollTriggerLenisHTML5 CanvasWebGL Motion
StayScape Vacation Rentals (Wonderlust)
06 โ€” Engineering / TechnicalFull-Stack MVC Architecture
Inspect System & Case Study

StayScape Vacation Rentals (Wonderlust)

A server-rendered Airbnb-style listing application built on Express 5, MongoDB, and EJS, implementing complete CRUD workflows, dual-layer validation, and centralized error handling.

Node.jsExpress 5MongoDBMongooseEJSBootstrap
SkillSwap Platform
07 โ€” Engineering / TechnicalTypeScript Application
Inspect System & Case Study

SkillSwap Platform

A product-oriented web platform connecting individuals through peer-to-peer skills exchange with interactive dashboard matching workflows and strict TypeScript type safety.

TypeScriptReactNode.jsTailwind CSSDashboard Workflows
Architectural Handshake

The Synergy: Zero-Latency Integration

A continuous real-time pipeline where database schemas, AI models, and frontend interfaces execute in total sync.

Interactive Scenario Sandbox:
STATE: TRAFFIC_OPTIMAL
Abdul Hannan

PostgreSQL / Python Backend

PostgreSQL Pooling (24 workers)

Throughput:10,240 ops/sec
Integrity / SLA:100% (0 dropped frames)
Vector Index / DB:Active & Ready
Zero-Latency Handshake
Mohammad Arslaan

Next.js / React Frontend

Next.js Edge Caching + 60fps UI

Render Rate:60 - 120 FPS
Perceived Latency:< 14ms
Page Speed Gain:~40% Faster
LIVE_SIMULATION_TELEMETRY:
[10:42:01.04] Synergy handshake initialized across Next.js 14 & Python/PostgreSQL stack

Zero-Latency Handshake

Seamless API contract design between backend endpoints and frontend data fetching hooks, preventing interface mismatch and runtime latency.

End-to-End Type Safety & SSR

Strict TypeScript & Server-Side Rendering workflows in Next.js ensuring optimal search visibility, instant paint times, and rock-solid state management.

Applied AI & RAG Integration

Full-stack AI workflows combining custom LLM/RAG pipelines with interactive, conversational frontend interfaces and prompt optimizations.

Offline-First & High Integrity

Resilient relational database engineering with SQLite and PostgreSQL paired with graceful degradation and optimistic UI updates.