
Abdul Hannan โ Personal Portfolio
A cinematic developer portfolio engineered with Next.js App Router, Framer Motion choreography, Tailwind CSS, and interactive case studies.
A combined engineering powerhouse merging robust full-stack systems, offline-first database architectures, and AI integrations with pixel-perfect, high-performance web interfaces.
Two complementary engineers bridging the gap between heavy computational backend systems and exquisite user-facing interactive frontend designs.
Full-Stack Developer & Software Engineer
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.
Built custom software replacing manual workflows; developed offline-first Python/SQLite ERP and customer-facing Next.js booking platform supporting 1,000+ real transactions.
โ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.โ
Frontend Architect & UI/UX Engineer
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.
Engineered scalable modular UI for live production research platform ResearchKart.in; optimized asset waterfalls for ~40% faster loads.
Led a team of 4 developers across AI, AWS Cloud & DevOps; deployed 2 full-scale ML/GenAI projects with 95% automation accuracy.
Production software processing real transactions, advanced frontend graphics engines, backend architectures, and AI platforms.
Live Portfolio
A cinematic developer portfolio engineered with Next.js App Router, Framer Motion choreography, Tailwind CSS, and interactive case studies.

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.

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.

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

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

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.

A product-oriented web platform connecting individuals through peer-to-peer skills exchange with interactive dashboard matching workflows and strict TypeScript type safety.
A continuous real-time pipeline where database schemas, AI models, and frontend interfaces execute in total sync.
PostgreSQL Pooling (24 workers)
Next.js Edge Caching + 60fps UI
Seamless API contract design between backend endpoints and frontend data fetching hooks, preventing interface mismatch and runtime latency.
Strict TypeScript & Server-Side Rendering workflows in Next.js ensuring optimal search visibility, instant paint times, and rock-solid state management.
Full-stack AI workflows combining custom LLM/RAG pipelines with interactive, conversational frontend interfaces and prompt optimizations.
Resilient relational database engineering with SQLite and PostgreSQL paired with graceful degradation and optimistic UI updates.