Abolfazl Omrani
ABOLFAZL OMRANIReact & Next.js Developer
Project Archive

Crafted Digital Products & Architectures

A comprehensive gallery of production web applications, interactive 3D simulations, and frontend design systems.

Filter:
Nova
Next.js CLI & Scaffolding Engine
DevTools / Next.js 16

Nova

Extensible Next.js development toolkit, starter scaffolding & production CLI

High-performance developer toolkit and modular CLI for Next.js applications, offering 18 production starter templates, 19 architectural presets, 35+ composable plugins, Vercel AI SDK integration, multi-ORM data layers, and automated code generation.

Next.js 16TypeScriptCLIReact 19Tailwind CSSTurborepoDeveloper Tools
Diamond
Port Depo & Warehousing Engine
Logistics / Next.js 16

Diamond

Enterprise port warehousing, cargo depot tracking & container stuffing platform

Full-scale port warehousing and cargo depot management platform engineered for Almas Tejarat Tav to orchestrate end-to-end bulk cargo intake, weighbridge scaling, moisture tracking, depot code allocation, container stuffing, VGM reporting, and real-time client self-service inventory tracking.

Next.js 16TypeScriptTailwind CSSReact 19ZustandRechartsReact Hook FormZod
Railway Shipping
Enterprise Rail Logistics
Logistics / Next.js

Railway Shipping

Enterprise bulk cargo export and railway freight logistics management system

Mission-critical railway logistics platform engineered for Kaveh Port & Marine Services to manage large-scale bulk cargo export workflows, streamline rail freight manifests, automate dispatch scheduling, and enforce rigorous data validation.

Next.jsTypeScriptMUIReact Hook FormZodREST APIs
Ticketing
Real-Time PWA & Dispatch
Next.js 16 / PWA

Ticketing

Real-time enterprise issue tracking & PWA incident management system

Comprehensive internal company support and incident management suite built with Next.js 16 and PWA offline capabilities, delivering real-time ticket dispatching, instant push notifications, multi-tiered escalation workflows, and seamless team collaboration.

Next.js 16Shadcn UITailwind CSSPWAWebSocketsTypeScript
Porsan
Interactive Q&A Engine
Next.js / Q&A Platform

Porsan

Collaborative knowledge-sharing and expert consultation platform

Modern community inquiry and consultation portal enabling users to submit public and private questions, connect with verified domain experts, explore categorized solutions with real-time search, and experience rapid optimistic state caching powered by TanStack Query.

Next.jsTanStack QueryMUIReact Hook FormTypeScriptZod
Lubital Bitumen
Global Export & i18n Platform
Next.js / Global Commerce

Lubital Bitumen

International bitumen export and commodity trading platform

Multilingual international commodity export platform engineered for global bitumen trade across Asian, African, and Middle Eastern markets, featuring multi-currency product catalogs, technical grade specifications, international shipping calculators, and dark/light theme localization.

Next.jsReactTailwind CSSRadix UITypeScripti18n Localization
Baarika
Enterprise Fleet Dashboard
Logistics / Next.js

Baarika

Smart freight and transport fleet management platform

Enterprise logistics management software enabling real-time cargo tracking, dynamic rate calculators, driver routing telemetry, and intuitive dashboards.

Next.jsTypeScriptTailwind CSSRadix UIZod
Nobaar
Interactive Booking Funnel
React.js

Nobaar

Residential and corporate moving booking platform

Interactive service booking engine with step-by-step price estimation, address geocoding, moving schedule dispatch, and SMS alerts.

React.jsJavaScriptTailwind CSSContext API
Atmos
60 FPS WebGL Engine
Three.js / WebGL

Atmos

Immersive 3D interactive digital atmosphere

A cutting-edge 3D interactive web application powered by Next.js, React Three Fiber, and custom GLSL shaders, delivering dynamic camera choreographies and real-time lighting physics.

Next.js 15Three.jsReact Three FiberDreiGLSLTailwind CSS
Moovie
Server Component Architecture
Next.js

Moovie

Next-gen cinematic streaming and discovery portal

High-performance entertainment discovery engine built on Next.js 15 App Router and React Server Components with instant search, debounce filtering, and streaming metadata.

Next.jsReactServer ComponentsTypeScriptTailwind CSS
Krist
Real-time Supabase Database
Full-Stack / Supabase

Krist

Modern lifestyle and e-commerce shopping experience

Full-stack e-commerce platform with real-time inventory management, authenticated checkout flows, Supabase PostgreSQL persistence, and instantaneous optimistic cart updates.

Next.jsSupabasePostgreSQLTailwind CSSFramer Motion