Stop paying for rows you never render.
Your dashboard table shows 25 rows, but the `.filter().map().slice()` chain processes all 50,000 first. ES2025 iterator helpers make the pipeline lazy — only the rows you render get touched.
Jr. Full-Stack Developer
Jr. Full-Stack Developer specializing in Next.js, React, Node.js, and TypeScript.
Selected work
Production-ready retail operations suite — POS invoicing, inventory & stock ledger, expenses, and a live daily sales dashboard. Built for Dhaka-time retail.
Real-Time IoT Monitoring Dashboard. Built with Next.js, TypeScript, Zustand, and WebSockets to process live telemetry streams with interactive Recharts visualizations and threshold alerts.
AI-Powered E-Commerce Platform. Full-stack store built with Next.js, Node.js, Express, MongoDB, Prisma ORM, and NextAuth.js featuring smart search, recommendation engines, and seamless checkout.
Enterprise RAG Platform for PDF Analytics. AI-driven document Q&A and analytics platform built with Next.js, NestJS, PostgreSQL, Prisma, Docker, and vector search capabilities.
Enterprise-grade, offline-first Point of Sale and predictive inventory management system built for high-throughput retail.
WebGL luxury smartwatch experience featuring procedural 3D watch rendering, sapphire glass reflections, and 5-stage scroll choreography.
Work history
Architected and delivered responsive, high-performance web applications using React.js, Next.js, and TypeScript, translating complex Figma designs into accessible, pixel-perfect UI/UX interfaces. Integrated complex REST APIs and WebSockets, utilizing Redux Toolkit, RTK Query, and Zustand for state management and seamless data synchronization. Collaborated closely with backend engineers, UX designers, and project stakeholders to establish API contracts, improve page load times, and ship features on schedule. Engineered reusable component systems and spearheaded frontend performance optimizations, boosting Core Web Vitals and user engagement across core web properties.
Capabilities
16 core · 0 working
"Joni consistently delivers clean, responsive frontend features and real-time dashboard components. His dedication to learning new full-stack tools and solving UI performance issues is commendable."
Your dashboard table shows 25 rows, but the `.filter().map().slice()` chain processes all 50,000 first. ES2025 iterator helpers make the pipeline lazy — only the rows you render get touched.
JavaScript's `using` declaration turns the cleanup code every dashboard developer writes by hand — aborting requests, closing sockets, clearing timers — into something the runtime guarantees.
Two years of production dashboards taught me one rule.
Makerspace & visuals
Street shots, landscapes, and night skies, with the camera settings attached.
A custom keyboard, a silent 3D-printed homelab cluster, and ESP32 sensors, with parts lists.
FAQ
Get in touch
Email or message me for opportunities in full-stack web development, React/Next.js frontend, or Node.js backend projects.