Open to Work

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.

Scroll

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
<FormAutocomplete
  name="manager"
  asyncLoad={fetchUsers}
  renderOption={(u) =>
    <UserCard data={u} />}
/>
The Core System

Technical Competence

Architecture & Logic

TypeScriptFeature-Based ArchSOLID PrinciplesClean Architecture

Forms & Validation

React Hook FormYup & Zod SchemaComplex ValidationDynamic Fields

Frontend Ecosystem

React / Next.jsTailwind CSSMaterial UIRWD / HTML5

Quality Assurance

QA MindsetVitest / RTLE2E TestingAutomated Flows
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
Access Restricted

In Progress

CraftLink

Marketplace Platform

A platform connecting clients with specialists. Built with a scalable microservices-ready architecture.

ReactSpring BootWebSocketPostgreSQL

Let's Build Something Great

Interested in reliable, scalable frontend solutions? Whether you need a full-stack SaaS or a high-performance landing page, I'm ready to help.

Email

rafaleisen1@gmail.com

Send a Message