Product-minded full-stack developer

I build the quiet systems behindbusy products.

Two years inside real operational software taught me that the best interface is not the loudest one. It is the one that makes a complex workflow feel inevitable.

MD Razikul Islam Joni
Dhaka, Bangladesh / Available for full-stack roles / Onsite or Remote
Current edgeFrontend depthReact · Next · Systems UI
Building nextBackend rangeNestJS · ExpressJS · MongoDB
02+Years in production teams
123Public GitHub repositories
11Editor themes shipped in OpenPalette
390+File and folder icons curated

Frontend specialist by experience. Full-stack engineer by direction. Product thinker by habit.

I work best where data-heavy workflows, reusable interface systems, and real business constraints meet. My recent work spans enterprise dashboards, inventory and product tracking, field-work assignment, reporting, role-based access, and API-driven operations.

I care about the details users feel but rarely name: immediate feedback, predictable state, useful empty screens, resilient loading behavior, keyboard access, and code another developer can safely extend.

Selected systems / not screenshot galleries

The work,
opened up.

Each case notes the problem, the system, and the decisions—not just the technology badges.

P/012026

IoT & Realtime Platform

SensorGrid

A production-grade IoT platform to connect physical devices, observe realtime sensor telemetry, control hardware remotely, and build visual automation workflows.

The challenge

Monitoring physical hardware fleets requires real-time telemetry streaming, low-latency device control, digital twin state management, and threshold-based alerts without high UI latency.

The system

Built with Next.js 16 (App Router), React 19, Socket.io telemetry streaming, Prisma with PostgreSQL persistence, React Flow visual automation canvas, and Recharts telemetry analytics.

Key decisions
  • Engineered a digital twin model (desired vs reported state) for remote hardware command execution
  • Built a visual React Flow automation engine for trigger, condition, action, and alert evaluation
  • Designed mobile-first telemetry explorer and customizable PulseCard/DeviceOrb Aether Grid components
Next.js 16React 19TypeScriptReact FlowSocket.ioPrismaPostgreSQL
P/022026

E-Commerce & AI Assistant

Z Shop

A full-stack Amazon-scale e-commerce platform with real-time inventory, live order tracking, customer analytics, and an integrated Gemini AI Shopping Advisor.

The challenge

Big-scale commerce demands coherent multi-currency localization, multi-step checkout, real-time inventory tracking, seller admin metrics, and intelligent AI product recommendations.

The system

Built with Next.js 15, React 19, TypeScript, and Tailwind CSS v4, communicating with Google Gemini AI (@google/genai SDK), Recharts seller analytics, and simulated 2FA security.

Key decisions
  • Integrated Google Gemini AI for context-aware product advice and interactive shopping assistance
  • Created a live order tracking pipeline with visual timelines, status progression, and map views
  • Implemented seller & admin analytics dashboards for gross sales, conversion rates, and stock alerts
Next.js 15React 19TypeScriptTailwind CSS 4Gemini AIRechartsZod
P/032026

Enterprise RAG & Vector Search

InsightDoc

An autonomous RAG platform to ingest dense PDFs, interrogate them with streamed citation-grounded answers, and deep-link to source pages.

The challenge

Extracting structured knowledge from scanned or complex PDFs requires deduplication, OCR fallback, hybrid vector/keyword retrieval, and precise token streaming.

The system

Built with Next.js 16, React 19, and Prisma. Ingestion pipeline handles SHA-256 deduplication, tesseract.js OCR fallback, BM25 + cosine vector search with Reciprocal Rank Fusion, and SSE streaming.

Key decisions
  • Designed a hybrid retrieval engine fusing BM25 keyword and vector similarity with RRF reranking
  • Built a split-screen PDF viewer with token-by-token SSE streaming and page-accurate citation jumps
  • Added map-reduce executive summary digestion with side-by-side document comparison
Next.js 16React 19TypeScriptRAG / EmbeddingsPrismaTailwind CSS
P/042026

Retail Operations & POS Suite

Circuit Retail ERP

A production-ready retail operations suite featuring POS invoicing, stock ledgers, thermal receipts, and a live daily sales dashboard.

The challenge

Retail operations require fast counter checkout, live daily sales math, shift cashier cash reconciliation, and strict inventory stock ledgers with zero external dependencies.

The system

Built with Next.js 16 App Router, React 19, TypeScript, and Prisma ORM with SQLite/PostgreSQL persistence. Features 10 hash-synced views, POS invoice cart, barcode label generation, and financial reports.

Key decisions
  • Built a shift-aware POS cashier checkout guard with automatic resume and thermal receipt printing
  • Designed an immutable stock movement ledger tracking purchases, adjustments, stocktakes, and valuation
  • Engineered automated P&L reporting, customer credit aging, expense management, and JSON backups
Next.js 16React 19TypeScriptPrismaSQLite / PostgresTailwind CSS

Feb 2024 — April 2026 / Uttara, Dhaka

HawkEyes Digital
Monitoring Ltd.

Jr. Frontend Developer · Full-time

Built the operational surfaces behind real business monitoring—where a small UI mistake can become a very large workflow problem.

01

Operational products

Responsive enterprise dashboards, inventory systems, product tracking, reporting, and real-time field-work assignment interfaces.

02

Data architecture

REST API integration, JWT and role-based access, reusable query flows, Redux Toolkit, and RTK Query for complex application state.

03

Cross-team delivery

Partnered with backend engineers on API contracts, frontend data models, edge cases, Git workflows, and Vercel-based delivery.

04

Quality work

Improved responsiveness, accessibility, maintainability, and performance across data-intensive interfaces and multiple viewports.

React.jsRedux ToolkitRTK QueryAnt DesignChartsGoogle MapsGitHub ActionsVercel

A small set of
strong defaults.

01

Make complexity legible

Good interfaces reveal the system without making people study it.

02

Design for change

Reusable components and clear boundaries beat a clever one-off every time.

03

Performance is product

Fast, stable, accessible software is not polish—it is the experience.

04

Own the handoff

A feature is not finished until the API contract, edge cases, and deployment story make sense.

A working system, not a logo cloud

Tools with
context.

01

React / Next.js

App Router, RSC, component systems, SSR, performance

Primary
02

JavaScript / TypeScript

Modern language patterns, async systems, safe refactoring

Primary
03

State & data

Redux Toolkit, RTK Query, TanStack Query, Zustand

Advanced
04

Node / Express

REST APIs, middleware, authentication, validation

Advanced
05

NestJS

Modules, services, guards, scalable backend structure

Growing
06

Data systems

MongoDB, PostgreSQL, MySQL, schema thinking

Working
07

Interface craft

Tailwind, Ant Design, responsive UI, accessibility

Primary
08

Delivery

Docker, GitHub Actions, Vercel, CI/CD foundations

Working

Education & training

2020—2023

Computer Science & Engineering studies

Green University of Bangladesh

2018—2019

Higher Secondary Certificate · Science

Vashantek Government College

Completed

Web Development & Next Level Web Development

Programming Hero · both tracks

Off the clock

Good software needs a life outside software.

Music for focus. Movies for new perspectives. Long walks, open air, and new places for the reset button. Curiosity travels well between code and everything else.

Bangla · NativeEnglish · Professional working proficiency

Available for the next serious product problem.

Bring the complexity.
I'll bring the clarity.

razikuljoni@gmail.com