Live Portfolio Engine

INTRODUCING

Kazi Shariful Islam

Full Stack Developer &
Systems Architect

I engineer performant web architectures using Next.js and React paired with robust, modular backend systems in NestJS, Node.js, and Python (FastAPI). Focused on pristine UX, clean API designs, and scalable relational databases.

Next.jsNestJSPostgreSQLTypeScriptPrisma ORMFastAPIRedis

Connect

System Blueprint Trace

CLIENT

EDGE

API

Edge Gateway (SSR)

Server Components

Next.js Route Handlers

Dynamic Server Side Rendering

JWT Header Authorization Guards

Incremental Re-generation (ISR)

Click nodes to trace the stack roleActive: edge

System Engineering

03+Years Experience

Designing modular frontend structures and high-performance server microservices.

Production Deployed

12+Projects Completed

Powering multi-tenant administrative portals, custom dashboards, and real-time backends.

Speed & Optimization

+60%Performance Gain

Maximized via server-side caching, localized state hydration, and asset budget optimizations.

Caching Efficiency

-40%API Roundtrips

Minimized network latency by fine-tuning stale state queries and persistent cache rules.

[ Selected Works ]

Featured Projects

A close look at some of the highly modular backend nodes, fluid interactive layouts, and high-performance caching applications I have shipped.

EdTech Platform – Next.js + TypeScript + Real-time LMS

01 / CASE STUDY

Next.jsTypeScriptTailwindNode.jsREST APIFirebase

EdTech Platform – Next.js + TypeScript + Real-timeLMS

Increased student engagement by 40% and reduced administrative overhead by 25% with 40% fewer backend roundtrips.

Hotelson Flight Booking – React + Next.js + TanStack Caching

02 / CASE STUDY

ReactNext.jsTypeScriptTanStack QueryReduxNode.js

Hotelson Flight Booking – React + Next.js + TanStackCaching

Boosted overall platform rendering performance by 60% and slashed search response latency down to under 120ms.

Mixory Bundles – Shopify App + Node.js + Prisma + PostgreSQL

03 / CASE STUDY

Node.jsPrismaPostgreSQLShopify FunctionsReactGraphQL

Mixory Bundles – Shopify App + Node.js + Prisma +PostgreSQL

Engineered sub-5ms custom Shopify Functions for dynamic pricing rules, driving a verified 12% conversion lift across merchant storefronts.

Maison Property Platform – React Native + Express + FCM Alerts

04 / CASE STUDY

ReactReact NativeTypeScriptExpressFirebaseREST API

Maison Property Platform – React Native + Express + FCMAlerts

Integrated real-time notification flows with sub-second alert delivery and immediate listing updates across mobile and web clients.

Explore All Engineering Projects

SKILLS

Toolkit & Ecosystem

Hover over each node to explore my interactive technical constellation.

Rotate the interactive 3D constellation with touch to explore my technical skills.

16 technologies mapped

Core

Data

Learning

Drag freely in 3D

Drag freely • Auto-centers into focus

frontend • core

React

4 yrs exp94% PROFICIENCY

Component architecture, custom hooks, context management, concurrent rendering, and UI performance profiling.

Shipped in Hotelson Flight Booking

THE ASCENT

Experience Journey

A climb through roles — each waypoint a step toward greater ownership, leadership, and shipping production software end-to-end.

Approveage Inc2023 · 1 yr

Frontend Engineer

Established real-time data flow with Socket.IO

Integrated Firebase Cloud Messaging push alerts

Dhali Overseas2024 · 5 mos

React/Next.js Developer

Migrated 3 Webflow projects to Next.js routes

Implemented TanStack Query cutting latency 30%

Tutorsplan Corp2025 · 1 yr

Full Stack Developer

Built portal with Next.js/NestJS & PostgreSQL

Led and mentored frontend development team

Devsnest OPCNow

Software Engineer

Solo-built live Mixory Bundles Shopify app

Authored Shopify discount functions in Rust

Ships scalable TypeScript at production scale

100%

Approveage Inc

2023 · 1 yr

Frontend Engineer

Established real-time data flow with Socket.IO

Integrated Firebase Cloud Messaging push alerts

Dhali Overseas

2024 · 5 mos

React/Next.js Developer

Migrated 3 Webflow projects to Next.js routes

Implemented TanStack Query cutting latency 30%

Tutorsplan Corp

2025 · 1 yr

Full Stack Developer

Built portal with Next.js/NestJS & PostgreSQL

Led and mentored frontend development team

Devsnest OPC

Now

Software Engineer

Solo-built live Mixory Bundles Shopify app

Authored Shopify discount functions in Rust

Ships scalable TypeScript at production scale

Tap a card to inspect waypoint

100% Completed

[ Engineering Services ]

Full Stack Solutions

Combining advanced React & Next.js frontend engineering with low-latency Node.js, Nest.js, and FastAPI backend architectures to solve complex business bottlenecks.

SERVICE_NODE_01

React & Next.js Development Services

Architecting high-performance web applications using Next.js App Router, React 19, Server Components, and TanStack Query. Designed for fast Core Web Vitals (<2.5s LCP) and flawless UX.

Next.js 14/15 App Router Layouts
React Server Components & ISR
Client State & Cache Management
Core Web Vitals Optimization

SERVICE_NODE_02

Full Stack Solutions & TypeScript Systems

End-to-end full-stack engineering with strict TypeScript type safety, from interactive responsive frontends to scalable relational database systems in PostgreSQL and Prisma.

End-to-End TypeScript Validation
Modular Full-Stack Architecture
PostgreSQL & Prisma ORM Schema Design
Real-Time WebSockets & FCM Alerts

SERVICE_NODE_03

Node.js & NestJS API

Building resilient, enterprise REST & GraphQL microservices with NestJS dependency injection, DTO validation guards, Express pipelines, and JWT authorization.

NestJS Clean Architecture & DTOs
Express High-Throughput REST APIs
Modular Microservices & Caching
CI/CD & Docker Containerization

SERVICE_NODE_04

FastAPI & Python Microservices

Developing high-concurrency, asynchronous API microservices using Python and FastAPI with Pydantic validation, async database drivers, and automated OpenAPI documentation.