I am a Senior Full-Stack Web Developer specializing in the Next.js ecosystem, React 19, and high-performance TypeScript cloud architectures. I engineer enterprise-grade web platforms, conversational FinTech banking applications, high-throughput media portals, and cloud file workspaces.
My development ethos is rooted in the Next.js App Router paradigm: leveraging React Server Components (RSC) for minimal client bundles, Server Actions for type-safe data mutations, Streaming SSR with Suspense for lightning-fast First Contentful Paint, and On-Demand Incremental Static Regeneration (ISR) for high-throughput publishing.
- π Signature Masterpieces: PayChat (Conversational Banking), Muktirkantho (Digital News Engine), KoliDrive Cloud (S3 Workspace), and Smart Union (Civic Governance Platform).
- β‘ Core Stack: Next.js 15+, React 19, TypeScript, Prisma ORM, Neon Serverless PostgreSQL, Kotlin, Firebase, AWS S3, Tailwind CSS v4.
- π‘ Philosophy: Server-first architecture, strict end-to-end type safety, zero-runtime CSS overhead, and sub-second Core Web Vitals.
The four primary pillars of my software engineering portfolio.
High-performance conversational banking and peer-to-peer micro-payment application combining encrypted real-time messaging with instant biometric financial transactions.
- β‘ In-Chat Instant Money Transfers: Send and request funds directly inside conversational chat bubbles with seamless biometric confirmation.
- π End-to-End Chat Encryption: Real-time messaging powered by Google Firebase Firestore with client-side cryptographic message delivery and granular security rules.
- π Multi-Wallet Balance Management: Integrated digital wallet supporting top-ups, detailed transaction statements, and instant merchant settlements.
- π‘οΈ Biometric Security & PIN Protection: Fingerprint and face authentication layers protecting high-value transactional flows against unauthorized access.
High-throughput digital journalism portal engineered for rapid news delivery, multimedia journalism, and server-side editorial workflows.
- β‘ On-Demand Incremental Static Regeneration (ISR): Articles are statically cached at the edge and instantly revalidated via
revalidateTag('articles')upon publication. - βοΈ Server Actions Editorial Pipeline: Eliminates client-side REST overhead by leveraging native Next.js Server Actions for drafts, approvals, and tagging.
- πΈ High-Resolution CDN Media Pipeline: Automated image compression, WebP/AVIF format transcoding, and responsive
next/imageloading powered by Cloudinary. - π§π© Typography & Accessibility: Handcrafted Bengali Unicode font scaling, fluid dark mode, and zero-layout-shift (CLS = 0) reading experience.
Modern, secure personal and enterprise cloud storage platform featuring direct S3 streaming, cryptographic access tokens, and zero-server-choke architecture.
- β‘ Direct-to-S3 Chunked Streaming: Files upload directly from the browser to Amazon S3 via cryptographically signed pre-signed URLs, preventing memory saturation on application servers.
- π Enterprise Cryptography: User authentication fortified with Argon2 password hashing and stateless, cryptographically signed session tokens via Jose JWT.
- π Expiring Share Links: Generates time-limited, password-protected download links with download counters and access revocation.
- π¨ Glassmorphic File Explorer: Sleek workspace interface with in-browser previews for PDFs, multimedia, and code files, accompanied by drag-and-drop organization.
Nationwide civic governance platform transforming local government councils (Union Parishad) through automated citizen certificates, AI document assistance, and tamper-proof verification.
- π Automated Official Certificate Engine: Generates tamper-proof municipal documents (নাΰ¦ΰ¦°ΰ¦Ώΰ¦ΰ¦€ΰ§ΰ¦¬ সনদ, ΰ¦ΰ¦Ύΰ¦°ΰ¦Ώΰ¦€ΰ§ΰ¦°ΰ¦Ώΰ¦ সনদ, ΰ¦ΰ¦―়ারিঢান সনদ) with authentic digital seals and verifiable QR codes.
- π€ Gemini AI Document Assistant: Embedded Google Generative AI integration assisting administrative clerks in drafting formal notices and resolving citizen application queries.
- π Public Verification Gateway: Citizens and verification authorities can scan certificate QR codes to validate official records in real-time.
- π Territorial Demographic Analytics: Visual analytics tracking ward-wise citizen applications, revenue collections, and municipal service performance.
| Capability | Technical Depth & Implementation |
|---|---|
| β‘ Next.js App Router & RSC | Architecting with React Server Components by default, streaming data with React Suspense, Parallel Routes (@modal), Intercepting Routes, and custom Route Handlers (app/api). |
| π‘οΈ Type-Safe Server Actions | Eliminating REST boilerplate with Next.js Server Actions, Zod schema validation, optimistic UI updates via useOptimistic, and mutation error boundaries. |
| ποΈ Database & ORM Pipeline | Advanced data modeling with Prisma ORM and Drizzle ORM, Neon PostgreSQL serverless pooling, automated schema migrations, complex relational joins, and MongoDB Mongoose models. |
| β‘ Smart Caching & Revalidation | High-performance cache tags (revalidateTag), path revalidation (revalidatePath), Request Memoization, and edge-cached dynamic content delivery. |
| π¨ Modern UI & Accessibility | Unstyled, fully accessible design systems built on Radix UI primitives, shadcn/ui patterns, Tailwind CSS v4, Lucide React icons, and Framer Motion micro-interactions. |
| π Authentication & Security | NextAuth.js / Auth.js with JWT and session strategies, bcrypt password hashing, Argon2 cryptographic storage, and Jose token encryption. |
| βοΈ Cloud & Asset Optimization | next/image automatic format conversion (WebP/AVIF), direct-to-S3 uploads via AWS pre-signed URLs, Cloudinary video/image optimization, and Vercel edge deployment. |
| Application | Architecture & Stack | Highlights & Focus Area | Repository |
|---|---|---|---|
| πΆ GrameenWiFi ISP | Next.js 15, Prisma ORM, Tailwind CSS v4, MikroTik API | Automated broadband billing, live subscriber queue sync & MikroTik router control | Explore Code |
| π Madrasa ERP | Next.js 15, Neon Postgres, Radix UI, Hook Form | Institutional education management system with student life-cycle & fee ledger | Explore Code |
| β‘ dRecharge Ultimate | Next.js 15, Firebase DataConnect, dnd-kit, Forms | Multi-operator telecom recharge dashboard featuring drag-and-drop queues | Explore Code |
| πΌ Developer Portfolio | Next.js 15, Gemini AI, AWS S3, Prisma ORM | Interactive personal portfolio with an embedded Google Gemini AI developer assistant | Explore Code |
| π Molla Tailors POS | Next.js 15, React 19, html-to-image, JWT | Bespoke tailor shop point-of-sale, digital measurement book & graphic order slips | Explore Code |
- π Server Components by Default: Keeping all data fetching and heavy dependencies on the server to maintain zero client-bundle overhead.
- π‘οΈ Strict Type Safety: End-to-end type contracts using TypeScript interfaces shared from Prisma schema to API routes to UI components.
- β‘ On-Demand Cache Revalidation: Leveraging
revalidateTagto instantly refresh user-generated updates while serving edge-cached static pages to millions of visitors. - π± Mobile-First Responsive Design: Responsive interfaces built with utility-first CSS, adhering strictly to modern touch gestures and high accessibility standards (WCAG).
- π Security-First Engineering: Sanitize all inputs via Zod, enforce HTTP-only cookie security, implement CSRF guards, and secure database connections with connection pooling.
"Engineering high-performance Next.js web applications with clean code, scalable architecture, and tangible real-world impact."