Abolfazl Omrani — React & Next.js Developer

BuildingScalableWebApplications&ImmersiveDigitalExperiences

Front-end developer with 4+ years of experience building scalable web applications with React, Next.js, and TypeScript. Delivered high-impact products across logistics, freight management, fintech, and 3D web interfaces.

EXPLORE WORKS GET IN TOUCH

Core Stack:

Next.js 15

React 19

TypeScript

React Three Fiber

Tailwind CSS

Abolfazl Omrani

React Developer | Next.js

Available

Bandar Abbas / Tehran, Iran

4+ Years Exp.

Scroll Down

About Abolfazl

Engineering Scalable Frontends with Measurable Impact

Delivering production applications across logistics, maritime ports, freight management, fintech, and 3D web interfaces.

Hello, I'm Abolfazl Omrani. I am a front-end developer with 4+ years of professional experience building scalable web applications with React, Next.js, TypeScript, and modern web technologies.

My track record includes developing mission-critical systems such as port cargo workflows for Kaveh Port & Marine Services, high-traffic freight platforms like Baarika.com and Nobaar.com, fintech education VOD platforms, and interactive 3D WebGL experiences with React Three Fiber.

Enterprise Logistics & Port Systems

End-to-end import/export workflow & cargo tracking

Freight & Fleet Management

Automated pricing platforms (Baarika & Nobaar)

Fintech & VOD Education

Trading education with custom VOD streaming systems

3D WebGL & Interactive Experiences

React Three Fiber & interactive modeled assets

Years Experience

75%

Efficiency Boost

99.9%

Deployment Uptime

100%

Type Safety

View Full Career Timeline & Education

abolfazl.profile.ts

Production Live

const engineer: SystemArchitect = {

name: 'Abolfazl Omrani',

domain: 'Port Logistics & Rail Systems',

stack: ['Next.js 16+', 'React 19', 'TypeScript'],

architecture: ['Server Actions', 'PWA', 'Three.js'],

principles: {

typeSafety: '100% Strict',
telemetry: 'Real-Time Sockets',
performance: '< 1.2s LCP',

};

Core Focus

Industrial Systems & Freight

Standards

Clean Code & Zod Validation

Kaveh Port & Marine Services

Active

Technical Stack

Engineered with Modern Technologies & Tools

A curated set of technologies I use to build scalable web applications, fluid animations, and immersive visual canvases.

Core Architecture

Frontend Engineering

Designing robust, type-safe web applications with modern state management, server-side rendering, and performant data fetching.

React & Next.js

Expert

Server Components, SSR, Server Actions, App Router

TypeScript & JavaScript

Expert

Strict typing, modern ESNext patterns, generics

React Query (TanStack)

Expert

Async caching, background refetching, mutations

Redux Toolkit & Zustand

Advanced

Global and localized scalable state management

Featured Creations

Selected Web Applications & Digital Works

A spotlight on key applications showcasing real-world performance, 3D WebGL immersion, and full-stack integration.

VIEW ALL PROJECTS

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 19

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 19

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 Form

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 CSSPWA

Explore All 11+ Architectural Works

Career Journey

Professional Experience & Production Track Record

A timeline of engineering roles delivering scalable logistics platforms, freight systems, and high-performance web applications.

06/2024 — PresentBandar Abbas, Iran

React.Js Developer

Kaveh Port & Marine Services

Architecting and developing enterprise logistics, gate control, and import/export cargo workflow systems for marine port operations.

Engineered an end-to-end import and export workflow system with cargo tracking through vessel loading, improving operational visibility and increasing process efficiency by 75%.

Developed modules for gate control, invoicing, warehouse receipts, and loading permits, reducing manual administrative work by 20+ hours per week.

Built a KYC system for cargo owners and agents, enabling remote service requests and seamlessly processing 100+ document verifications monthly.

Developed an export and import order management system with role-based access control, order tracking, contract management, warehouse operations, and cargo moisture monitoring for accurate dry-weight calculation.

React.jsNext.jsTypeScriptREST APIsRBACTailwind CSS

11/2021 — 11/2024Tehran, Iran

React Developer

BerNet

Led frontend development across high-traffic freight portals, logistics platforms, educational VOD platforms, and fintech applications.

Led development of Baarika.com, a freight platform that increased engagement by 40% through automated pricing and dedicated dashboards for individual and corporate users.

Refactored Nobaar.com, increasing user engagement by 30% with interactive maps and dynamic pricing based on move details.

Built a financial trading education platform with a custom VOD system, creating a smoother learning experience for users.

Developed Porsan.ir, a Q&A platform optimized for SEO, utilizing lazy loading and code splitting to improve page performance scores by 20 points.

Built an investment and funding platform with role-based access control, streamlining application workflows and reducing funding review times by 20%.

React.jsNext.jsTypeScriptTailwind CSSMapboxLeafletReact QuerySEO

11/2021 — 11/2022Remote

React Developer

Freelancer

Delivered custom Next.js web applications, 3D WebGL user interfaces, and cloud database optimizations for international clients.

Built a multilingual corporate and product management platform for an international bitumen exporter using Next.js, with dynamic product catalogs, pricing calculators, bilingual support, and a role-based admin dashboard.

Created Moovie, a movie and TV discovery app using the MovieDB API, React Query, and Tailwind CSS to deliver a fast, interactive browsing experience.

Researched and implemented Supabase triggers, Next.js Server Actions, and React cache strategies, improving page-load speed by 20% and strengthening SEO through metadata optimization.

Developed interactive 3D web experiences with React Three Fiber, integrating custom character animations and modeled assets into engaging user interfaces.

Managed application infrastructure and database configuration with Docker Compose, Nginx, and Prisma schemas, supporting scalable Next.js deployments with 99.9% uptime.

Next.jsReact Three FiberSupabasePrismaDocker ComposeNginxTailwind CSSReact Query

06/2020 — 02/2021Tehran, Iran

React Developer

VARKnow

Contributed to core product features in an agile engineering team, establishing modern frontend workflows and data-fetching standards.

Strengthened React.js expertise while contributing in an agile development environment.

Introduced TypeScript, Next.js, and React Query across projects to improve development efficiency and data-fetching patterns.

React.jsTypeScriptNext.jsReact QueryJavaScript

09/2017 — 10/2021GPA: 16 / 20

BENG in Software Engineering

Shahid Bahonar University — Kerman, Iran

Graduated with a Bachelor of Engineering in Software Engineering, focusing on algorithms, database systems, and software architecture.