Frontend Engineer · React · Open Source

Construo interfaces claras para produtos web complexos.

Sou Juciano C Barbosa, desenvolvedor de software com foco em frontend, tooling e experiencias que ajudam times a entregar melhor.

8+
anos criando interfaces e ferramentas web
6+
projetos open source publicados
5k+
downloads em pacotes e projetos
Projetos e interface do portfolio de Juciano

Frontend de produto

Interfaces performaticas, consistentes e pensadas para uso real no dia a dia.

Developer experience

Ferramentas, automacoes e bibliotecas que reduzem friccao para times tecnicos.

Open source

Projetos pequenos, bem delimitados e reutilizaveis dentro do ecossistema JavaScript.

Trabalho selecionado

Projetos com foco em tooling, arquitetura frontend e experiencia de desenvolvimento.

Uma selecao enxuta dos repositorios mais relevantes do meu GitHub, priorizando projetos ativos, bibliotecas publicadas e ferramentas com proposta clara.

Price comparison platform

Ofertas Whey

Produto ativo

Plataforma brasileira para comparar whey e creatina por preco, rendimento e custo por 100g de proteina. Reune catalogo, rankings e guias de compra, com uma extensao para Chrome que compara ofertas durante a navegacao.

  • Next.js
  • React
  • TypeScript
  • Supabase
  • Chrome Extension

Fitness product

Gain Track

Novo produto

Aplicativo focado em acompanhamento de treinos para registrar sessoes, revisar historico e identificar sinais de progressao. O produto organiza o fluxo real do treino: plano, execucao, resumo e evolucao.

  • Next.js
  • React
  • Tailwind
  • Training
  • Product

React forms

Createform

186 stars

Biblioteca de formularios para React com duas abordagens: hooks reutilizaveis via createForm e uma API nativa com useForm. O foco e reduzir rerenders, evitar Context API quando nao precisa e deixar validacao com Yup/Zod mais direta.

  • React
  • TypeScript
  • Forms
  • Validation
  • Hooks

Visual API design

Cameleon

Projeto ativo

Ferramenta visual baseada em canvas para desenhar, gerar e gerenciar schemas Camel, REST e GraphQL. Une editor visual, modelagem de APIs e exportacao para formatos como OpenAPI, JSON/YAML e SDL.

  • TypeScript
  • Canvas
  • OpenAPI
  • GraphQL
  • Camel

Monorepo tooling

Turboversion

20 stars

CLI para automatizar versionamento semantico em monorepos e pacotes unicos. Analisa commits ou padroes de branch, suporta modos sync/async, prereleases e workspaces PNPM.

  • TypeScript
  • CLI
  • SemVer
  • Monorepo
  • PNPM

Micro frontends

Module Federation React Bridge

Arquitetura frontend

Bridge para integrar React Router em aplicacoes com Module Federation. Resolve navegacao entre host e remotes sem forcar compartilhamento fragil de react-router-dom como singleton.

  • TypeScript
  • React
  • Module Federation
  • React Router

Interactive docs

Playground

Docs interativas

Plugin remark e componente React para criar exemplos de codigo editaveis em documentacoes MDX, com preview, toggle de codigo, copy e estados para diferentes tamanhos de tela.

  • TypeScript
  • React
  • MDX
  • remark
  • Docs

Stack

Tecnologias que uso para construir, manter e evoluir produtos.

Experiencia com JavaScript, TypeScript, React, Angular, Solid, automacoes, Docker e pipelines.

Javascript

I've been work with Javascript over 6 years.

Typescript

More than 4 years of Typescript experience.

Node.js

Backend services and developer tooling with Node.js.

AWS

Cloud services and infrastructure on AWS.

Supabase

Building application features with Supabase.

APIs

Designing and integrating REST and GraphQL APIs.

AI Engineering

Studying local LLMs, RAG, fine-tuning, and model evaluation.

MCP

Exploring the Model Context Protocol to connect AI assistants with tools and context.

AngularJs

I've worked with AngularJs, and Angular2+ more more than two years.

React

I have use ReactJs to write complex products and internal, and open-source libraries for over 4 yearss.

Scripting

I have written dozens of Shell scripts for various purposes.

Git

Git is a tool that I use every day. I use GitHub for pushing my code.

Docker

Docker is a platform designed to help developers build, share, and run modern applications. I've been use it for the last 4 years.

CI/CD

Pipeline, Github Actions, Containers, and another tools for continuos integration.

Jornada

Uma trajetoria guiada por produto, codigo e aprendizado continuo.

2016

Inicio da jornada como desenvolvedor de software.

2017

Projetos freelancer e primeiras entregas web.

2018

Formacao em desenvolvimento de software.

2018

Entrada na Sensedia como software developer.

2020

Criacao e manutencao de ferramentas open source.

2023

Consolidacao de projetos de documentacao, tooling e bibliotecas frontend.

2024–atual

Lider tecnico de frontend na Sensedia: evolucao de padroes de desenvolvimento, mentoria de pessoas desenvolvedoras e foco em codigo escalavel e sustentavel. Em paralelo, exploro arquitetura com Module Federation e micro frontends.

2025

Inicio do Cameleon, uma ferramenta visual para desenhar e gerenciar schemas Camel, REST e GraphQL.

2026

Manutencao ativa de projetos como Createform, Turboversion e Cameleon, com foco em produto e developer experience.

Contato

Vamos conversar sobre produto, frontend ou open source.

Estou aberto a conversas tecnicas, colaboracoes e projetos que precisem de uma base frontend solida.

Posts