     ██╗███████╗███████╗██╗███████╗██╗     
     ██║██╔════╝╚══███╔╝██║██╔════╝██║     
     ██║█████╗    ███╔╝ ██║█████╗  ██║     
██   ██║██╔══╝   ███╔╝  ██║██╔══╝  ██║     
╚█████╔╝███████╗███████╗██║███████╗███████╗
 ╚════╝ ╚══════╝╚══════╝╚═╝╚══════╝╚══════╝
██╗      ██████╗ ██████╗ ███████╗███████╗  
██║     ██╔═══██╗██╔══██╗██╔════╝██╔════╝  
██║     ██║   ██║██████╔╝█████╗  ███████╗  
██║     ██║   ██║██╔═══╝ ██╔══╝  ╚════██║  
███████╗╚██████╔╝██║     ███████╗███████║  
╚══════╝ ╚═════╝ ╚═╝     ╚══════╝╚══════╝

Frontend Engineer · UI · Design Systems · Performance

Interfaces that feel right. Details that matter.

I craft pixel-perfect UIs, design systems, and high-performance experiences with a sharp eye for craft.

> Building components, design systems and delightful interactions.

$

linkedin hello@jeziellopes.dev

Skills

8 active · 8 coming soon

Component Architect

active

Design scalable, reusable component trees with clear boundaries, composition patterns, and prop API contracts.

Frontend

ReactdesignAPI

Design System Builder

active

Build token-based design systems from scratch — typography, color, spacing, and component primitives.

Frontend

tokensRadix UICVA

API Contract

active

Define typed REST or GraphQL contracts before writing a single line of implementation.

Backend

OpenAPItypescontracts

Migration Planner

Plan and execute incremental migrations — framework upgrades, database schema changes, or monolith splits.

Workflow

migrationstrategyincremental

Observability Setup

Instrument applications with structured logs, metrics, and distributed traces from day one.

DevOps

logsmetricstraces

Perf Audit

Identify and fix Core Web Vitals regressions — LCP, CLS, INP — with reproducible profiling steps.

Frontend

performanceCWVprofiling

Test Coverage

active

Generate comprehensive test suites covering happy paths, edge cases, and failure modes.

Quality

testingcoverageedge cases

CI Pipeline

Design fast, reliable CI pipelines with caching, parallelism, and failure isolation.

DevOps

CI/CDGitHub Actionscache

AI Feature

Integrate LLM capabilities into product features — streaming, tool calling, RAG, and agent loops.

LLMstreamingRAG

Auth Flow

Implement secure authentication and authorization — JWT, sessions, OAuth, RBAC, and token refresh.

Backend

authJWTRBAC

Accessibility Review

active

Audit and remediate WCAG 2.1 AA violations — keyboard nav, ARIA, focus management, contrast.

Quality

a11yWCAGARIA

Infra as Code

Provision and manage cloud infrastructure with reproducible, version-controlled configuration.

DevOps

IaCDockercloud

SDLC

active

Define and operate the Software Development Life Cycle — planning, development, testing, release, and maintenance.

Engineering

processplanningrelease

Test-Driven Development (TDD)

active

Practise Test-Driven Development: write failing tests first, implement minimal code, refactor, and repeat.

Engineering

testingvitesttestsTDD

Spec-Driven Development (SDD)

Practice Spec-Driven Development: write precise specs and acceptance criteria that drive tests, designs, and implementations.

Engineering

specsacceptanceSDD

Engineering Practices

active

Code review discipline, CI hygiene, branching strategy, and release management to keep teams productive.

Engineering

code-reviewCIgitflow

$ Skills are reusable AI-agent workflows I've curated and use in my daily engineering practice.

Tech Stack

Tanstack Router

React Query

Zustand

Redux

Zod

React Hook Form

Formik

Radix UI

CVA

TailwindCSS

TypeScript

Next.js

Vite

React 19

Node.js

NestJS

Express

Redis

PostgreSQL

Docker

Prisma

Drizzle ORM

AI Agents

OpenAI

PineScript

Trading Systems

Git

GitHub Actions

Tanstack Router

React Query

Zustand

Redux

Zod

React Hook Form

Formik

Radix UI

CVA

TailwindCSS

TypeScript

Next.js

Vite

React 19

Node.js

NestJS

Express

Redis

PostgreSQL

Docker

Prisma

Drizzle ORM

AI Agents

OpenAI

PineScript

Trading Systems

Git

GitHub Actions

Git

Trading Systems

PineScript

OpenAI

AI Agents

Drizzle ORM

Prisma

Docker

PostgreSQL

Redis

Express

NestJS

Node.js

React 19

Vite

Next.js

TypeScript

TailwindCSS

CVA

Radix UI

Formik

React Hook Form

Zod

Redux

Zustand

React Query

Tanstack Router

GitHub Actions

Git

Trading Systems

PineScript

OpenAI

AI Agents

Drizzle ORM

Prisma

Docker

PostgreSQL

Redis

Express

NestJS

Node.js

React 19

Vite

Next.js

TypeScript

TailwindCSS

CVA

Radix UI

Formik

React Hook Form

Zod

Redux

Zustand

React Query

Tanstack Router

Experience

Professional Development

01/2025 – Present

Career BreakRemote

$Focused on continuous learning, technical upskilling, and professional growth.
$Deepened understanding of Test-Driven Development (TDD) and Spec-Driven Development (SDD) — focusing specifically on how AI-assisted SDLC workflows can be anchored to acceptance criteria and product specifications to preserve delivery correctness and quality.
$Studied modern web technologies, backend architecture, and system design.

BR Media Group

11/2022 – 12/2024

Full Stack Software EngineerSão Paulo, Brazil

$Applied enterprise software architecture principles and industry-standard design patterns to build scalable and maintainable systems.
$Adopted pragmatic software engineering practices across the development lifecycle, from discovery to deployment.
$Contributed to technical backlog refinement, translating business requirements into well-defined technical solutions.

DevSkin Consultoria de TI

12/2021 – 06/2022

Full Stack DeveloperCampinas, Brazil

$Maintained and evolved front-end applications built with React, Redux, Context API, TypeScript, and Styled-Components, improving performance and maintainability.
$Developed and maintained RESTful APIs in Node.js, documenting endpoints using Swagger to ensure clear contract definition and cross-team alignment.
$Implemented unit tests using Jest and React Testing Library, increasing code reliability and reducing regression risks.

ioasys

05/2021 – 12/2021

Senior Front End DeveloperBelo Horizonte, Brazil

$Implemented new features based on product requirements, translating business needs into scalable and maintainable technical solutions.
$Designed and developed user-friendly, accessible interfaces, prioritizing usability, performance, and design principles.
$Built websites and digital platforms using React, Hooks, Gatsby, Next.js, Redux, Context API, TypeScript, and modern JavaScript (ES6+).

Foodway

04/2020 – 03/2021

React Native DeveloperIpatinga, Minas Gerais

$Redesigned mobile application screens based on product style guides and high-fidelity prototypes, applying UX, usability, and accessibility best practices using Styled-Components.
$Integrated front-end applications with APIs and managed cart and order state flows using React Native, Redux, and modern JavaScript (ES6+).
$Contributed to the successful launch of the MVP of a digital ordering mobile application, collaborating cross-functionally to ensure timely delivery and production readiness.

Plus.me

11/2019 – 04/2020

Full Stack DeveloperIpatinga, Minas Gerais

$Collaborated with the Product team to gather and refine requirements for new digital solutions, translating business needs into technical specifications.
$Designed and developed user-friendly interfaces with a strong focus on UX, usability, and accessibility best practices.
$Modeled and implemented digital products using JavaScript (ES6+), React, and Node.js, ensuring clean architecture and maintainable code.

Grupo Central

02/2019 – 11/2019

Full Stack DeveloperIpatinga, Minas Gerais

$Collaborated with the Product team to gather and refine requirements for new features, translating business needs into technical solutions.
$Designed and implemented user-friendly interfaces with a strong focus on UX, usability, and accessibility principles.
$Modeled and developed a new event scheduling module within a monolithic MVC architecture using Laravel (PHP), JavaScript (ES5/jQuery), and CSS3, ensuring maintainable structure, clear separation of concerns, and scalable code organization.

$cat resume.pdf

Projects

Activity

About Me

Frontend engineer focused on UI excellence, component architecture, and design system craft.

Experience building accessible, performant, and visually polished products at scale.

I care deeply about the space between design and engineering.

Contact

send_message.sh

jeziellopes.dev

available

Open to full-time roles, consulting, and interesting collaborations. Response time is usually within 24h.

Prefer direct messages? Reach out on any of the channels below.

linkedin github hello@jeziellopes.dev