Available for new projects

Building Reliable
Frontend Systems

Frontend Developer specialized in scalable architecture and high-quality UI.
I bridge the gap between complex business logic and intuitive user experiences.

Contact Me View Work

Professional Journey

Accenture

Frontend Developer

01/2022 – Present

Building scalable dashboard architecture for the automotive sector. Leading the migration to feature-based architecture.

Component Library System40% Dev Time ReductionArchitecture Migration (Redux to RTK)

#React#TypeScript#Redux Toolkit#MUI#Vitest

IAI

Software QA Engineer

07/2017 – 12/2021

Bridging the gap between business requirements and development stability.

Zero Critical Bugs (Prod)Automated UI FlowsProduct Stability Owner

#Selenium#Jira#SQL#Agile

Case Study: Architecture

Solving Complexity
at Scale

I architect reusable engines that power the entire application ecosystem. Here are two core systems that drastically reduced development time and ensured consistency.

Generic Data Table

Engineered a highly reusable table component facilitating complex data operations across the system. Focused on DX and flexibility for 150+ endpoints.

Pagination, Lazy Loading & Sorting
Dynamic Columns & Custom Cell Rendering
Batch Operations & Filtering

DataTable.tsx

interface TableProps<T> {
  columns: ColumnDef<T>[];
  data: T[];
  renderSubRow?: (row: T) => ReactNode;
  onBatchAction: (ids: string[]) => void;
}

Plug-and-Play Form System

A robust form engine handling everything from simple inputs to complex, multi-level nested autocompletes. Integrated with React Hook Form and Yup for seamless validation.

RHF + Yup Integration
Dynamic Fields & Collections
Nested multi-level Autocomplete
JSON-driven Configuration

Page.tsx

The Core System

Technical Competence

A complete skillset for building scalable end-to-end solutions. Prioritizing performant frontend architecture supported by solid backend logic.

CORE EXPERTISE

Frontend Ecosystem

Engineering high-performance, accessible web applications with a focus on modern React patterns and seamless user experiences.

Frameworks & UI

ReactNext.js 14+TypeScriptTailwind CSSMUIShadcnUI

State & Data

Redux (Core & Toolkit)ZustandContext APIRTK QueryTanStack Query

Forms & Validation

React Hook FormZodYup

ZERO DOWNTIME

DevOps & QA

Bridging the gap between development and stability with rigorous testing strategies.

Testing Suites

VitestRTLJestSelenium

E2E & Automation

PlaywrightUATRegression

Infrastructure

GitHub Actions (CI/CD)DockerGit

Key Metric~500 Automated Tests

LOGIC

Architecture & Performance

Robust architecture and optimization patterns for long-term scalability and high-performance UX/DX.

Patterns

Feature-Based ArchClean ArchSOLID

Performance

Code SplittingLazy LoadingMemoization

Communication

WebSockets (STOMP)REST API

SCALABLE

Backend Foundations

Building secure, scalable server-side logic and schemas.

Stack

NestJSSpring BootPostgreSQLTypeORM

Cloud & Tools

SupabaseAWS S3VercelAI Integration

Selected Work

Building Value

Scalable enterprise systems and innovative personal projects.

Private Repo

Internal Automotive Tools

Enterprise System (Accenture)

Migration and modernization of critical automotive systems. Designed a Feature-Based Architecture to support 150+ API endpoints and managed complex data flows.

ReactRedux ToolkitFeature-Based ArchMigration

Access Restricted

In Progress (Private)

ServiceFlow

B2B SaaS Platform

Full-stack CRM for installation companies with AI-powered automation. Handles scheduling and invoicing. (Currently In Progress - Not Live).

Next.jsSupabaseGemini AITailwind