SYSTEM STATUS: ONLINE

Middle-Senior Product Frontend / Full-Stack Engineer

Building complex web applications with React, Next.js, and TypeScript. Focused on business systems, workflows, and data-heavy UIs.

SCROLL

About Me

Who I Am

I'm a product-focused frontend/full-stack engineer building complex business systems with React, Next.js, and TypeScript. I work with backend and stakeholders to turn domain requirements into scalable workflows, dashboards, and internal tools. I care about architecture, data consistency, and performance in data-heavy UIs. My experience spans real-time logistics, extensions, and operations tooling with a focus on maintainable, long-lived products.

My Skills

React/Next.js92%
TypeScript90%
State Management (Redux/RTK)88%
API & Realtime Integration85%
Data Modeling & Performance82%

Product Case Studies

Truckboard Logistics Platform

Truckboard Logistics Platform

Product Overview

A logistics platform for managing loads, drivers, billing, and real-time status updates across dispatch and operations.

Role

Frontend / Full-Stack Engineer in a small cross-functional team; owned frontend architecture and feature delivery.

Responsibilities

  • Designed modular feature architecture in Next.js and TypeScript
  • Built reusable UI components for tables, filters, and workflow screens
  • Integrated REST APIs and WebSocket updates for live tracking

Tech Stack

React
Next.js (App Router)
TypeScript
Redux Toolkit / RTK Query
Tailwind + shadcn/ui
WebSockets
Node.js
MariaDB
FUNNER Chrome Extension

FUNNER Chrome Extension

Product Overview

A Chrome extension that augments web pages with contextual data, shortcuts, and lightweight workflows.

Role

Frontend Engineer collaborating with backend and product to ship the extension and its admin tooling.

Responsibilities

  • Built content-script UI and settings flows in React and TypeScript
  • Coordinated messaging between content scripts, background workers, and APIs
  • Designed extension UX patterns for quick in-page actions

Tech Stack

React
TypeScript
Chrome Extensions API
REST APIs
Node.js
Internal Operations Dashboard

Internal Operations Dashboard

Product Overview

An internal dashboard for monitoring KPIs, workflows, and exceptions across multiple teams.

Role

Frontend Engineer on a product team; led UI architecture and data visualization patterns.

Responsibilities

  • Built role-aware navigation and permissions-safe UI
  • Implemented advanced table filtering and saved views
  • Created reusable KPI cards and chart components

Tech Stack

React
Next.js
TypeScript
RTK Query
Tailwind
shadcn/ui
PostgreSQL

Skills & Technologies

Constantly learning and expanding my skill set

Frontend

HTML5

CSS3

JavaScript

TypeScript

React

Next.js

Backend

Node.js

Express

WebSocket

REST API

GraphQL

Databases

MongoDB

PostgreSQL

MariaDB

Redis

Firebase

Styling

Tailwind

SCSS

CSS Modules

Bootstrap

Material-UI

shadcn/ui

Development

Git

npm

Redux Toolkit

RTK Query

DevOps

Docker

Ubuntu

Nginx

Linux

Always learning and expanding the stack

Work Experience

Logistics Platform
Remote
2023 - Present

Key Responsibilities:

  • Designed frontend architecture using Next.js and TypeScript
  • Built reusable UI components and feature modules for core workflows
  • Integrated REST APIs and WebSockets for real-time updates
  • Collaborated on data models and API contracts
  • Improved performance and UX in data-heavy views
  • Implemented role-based access and permissions-aware UI

Technologies Used:

ReactNext.jsTypeScriptRedux ToolkitWebSocketsTailwind CSSNode.jsMariaDB

Latest Articles

Insights on product engineering, systems design, and modern development

The Ultimate Full-Stack Developer Checklist

The Ultimate Full-Stack Developer Checklist

Avoid Costly Mistakes & Build Production-Ready Apps Why Checklists Beat Talent I’ve debugged APIs while babysitting a screaming toddler at 3 AM. I’ve patched security holes after a breach. Through these failures, I learned: the best developers aren’t the smartest—they’re the most systematic. This checklist is the culmination of: Use it to:✅ Avoid “It works on my machine” syndrome✅ Save 20+ hours […]

Read article The Ultimate Full-Stack Developer Checklist
Document Management for Logistics Carriers

Document Management for Logistics Carriers

This approach has several advantages: Backend Implementation for document management The Express.js routes to manage these documents are straightforward: This approach has several advantages: Backend Implementation The Express.js routes to manage these documents are straightforward: These routes provide a complete API for managing carrier documents: The implementation handles file storage, validation, and database updates in […]

Express.js
MariaDB
Read article Document Management for Logistics Carriers
Optimizing Next.js Portfolio with WordPress: Implementing Rank Math SEO and ACF

Optimizing Next.js Portfolio with WordPress: Implementing Rank Math SEO and ACF

As a full-stack developer specializing in Next.js and WordPress integrations, I’ve recently implemented a robust SEO strategy for my portfolio website using Rank Math SEO and Advanced Custom Fields (ACF). In this article, I’ll share my approach to creating a high-performing, SEO-optimized Next.js website that leverages WordPress as a headless CMS. Prerequisites Before we dive […]

Read article Optimizing Next.js Portfolio with WordPress: Implementing Rank Math SEO and ACF

Get in Touch