Pedro Reoli

Web Engineer Pleno especializado em performance e escalabilidade. Reduzo tempo de carregamento em até 40% com React, Next.js e TypeScript.

Web Engineer Pleno Focado em Performance

Sou Pedro Reoli, Web Engineer Pleno com 2+ anos de experiência em desenvolvimento fullstack. Especializado em criar aplicações de alta performance que suportam milhares de usuários simultâneos, reduzem tempo de carregamento em até 40% e melhoram experiência do usuário em 30%.

Trabalho com React, Next.js, TypeScript, Node.js e APIs RESTpara desenvolver arquiteturas escaláveis e componentizadas. Foco em performance, escalabilidade, UX e arquitetura para entregar soluções que resolvem problemas reais e geram impacto mensurável.

Desenvolvi 200+ componentes reutilizáveis, arquiteturas com 70+ rotas e sistemas que processam 10.000+ requisições diárias. Cada projeto é uma oportunidade de otimizar, escalar e entregar valor real.

Pedro Reoli

Soluções Completas para seu Negócio Digital

Do conceito à implementação - transformo suas ideias digitais em soluções poderosas e eficientes.

Desenvolvimento Frontend
Desenvolvo interfaces que reduzem tempo de carregamento em até 40%, aumentam conversão em 25% e suportam milhares de usuários simultâneos. Uso React, Next.js e TypeScript com foco em performance, escalabilidade e experiência do usuário.
Desenvolvimento Backend
Crio APIs REST robustas e escaláveis que processam 10.000+ requisições diárias. Integro bancos de dados SQL, implemento arquiteturas eficientes e seguro soluções server-side com Node.js e TypeScript.
UI/UX Design
Projeto interfaces que melhoram experiência do usuário em 30% através de design system componentizado, arquitetura escalável e foco em performance. Combino estética e funcionalidade para entregar valor real.
Arquitetura e Escalabilidade
Desenvolvo arquiteturas escaláveis com 70+ rotas e 200+ componentes reutilizáveis. Foco em performance, componentização e soluções que suportam crescimento sem comprometer velocidade ou experiência.
Integração de Sistemas
Integro diferentes sistemas e APIs REST para criar soluções completas e eficientes. Resolvo problemas de conectividade, otimizo fluxos de dados e implemento arquiteturas que reduzem latência em até 35%.
Otimização de Performance
Otimizo aplicações reduzindo tempo de carregamento em até 40% através de code splitting, otimização de imagens, lazy loading e arquitetura eficiente. Melhoro SEO, experiência do usuário e escalabilidade.

Desenvolvendo soluções que fazem diferença

Web Engineer Pleno especializado em performance, escalabilidade e arquitetura fullstack. Transformo problemas técnicos complexos em soluções elegantes que reduzem tempo de carregamento, melhoram experiência do usuário e suportam milhares de requisições simultâneas.

Qualidade

Soluções de alta qualidade que atendem aos mais altos padrões

Dedicação

Comprometimento total com cada projeto e cliente

Transparência

Comunicação clara e honesta em todas as etapas

Foco no Cliente

Suas necessidades e objetivos sempre em primeiro lugar

Tecnologias Modernas

Uso das melhores ferramentas e frameworks atuais

Aprendizado Contínuo

Sempre me atualizando com as últimas tendências e tecnologias

40%
Redução de Carregamento
200+
Componentes Criados
70+
Rotas Desenvolvidas
10k+
Requisições/Dia
30%
Melhoria em UX

De ideia para realidade

Em três etapas claras, transformo sua visão em uma presença online poderosa que gera resultados.

01
Planejamento e Análise

Juntos discutimos sua visão, objetivos e ideias. Criamos um plano claro que atenda suas necessidades, garantindo que a estrutura e funcionalidades estejam alinhadas.

02
Desenvolvimento e Design

Trabalho no desenvolvimento focando em um design elegante, funcional e tecnicamente sólido. Priorizo a experiência do usuário e a performance.

03
Testes e Deploy

Testo extensivamente para garantir performance otimizada. Após sua aprovação, faço o deploy e permaneço disponível para suporte e manutenção.

Stack

Uma visão compacta das tecnologias que uso para construir produtos rápidos e escaláveis.

Front-end
HTMLHTML
CSSCSS
JavaScriptJavaScript
TypeScriptTypeScript
TailwindCSSTailwindCSS
Sass (SCSS)Sass (SCSS)
CSS ModulesCSS Modules
Styled ComponentsStyled Components
Framer MotionFramer Motion
Three.jsThree.js
ReactReact
Next.jsNext.js
Vue.jsVue.js
AngularAngular
Acessibilidade (a11y)
Responsive Design
Mobile First
Back-end
Node.jsNode.js
ExpressExpress
NestJSNestJS
SQLSQL
APIs e Integrações
REST APIs
Swagger (OpenAPI)Swagger (OpenAPI)
PostmanPostman
Autenticação (JWT)
State & Data
React Query (TanStack Query)React Query (TanStack Query)
ReduxRedux
ZustandZustand
Context APIContext API
Versionamento e Colaboração
GitGit
GitHubGitHub
Git Flow / Pull Requests / Code Review
Qualidade e Performance
ESLintESLint
PrettierPrettier
Clean Code
Performance Optimization (lazy loading, code splitting)
Ferramentas e Outros
FigmaFigma
Notion
Vite / WebpackVite / Webpack
NPM / YarnNPM / Yarn

Meus Projetos

Explore uma seleção dos meus projetos recentes e descubra como ajudo a criar soluções digitais poderosas.

Autocom3

Portal ERP & Gestão

Autocom3

Desenvolvi portal ERP que processa 10.000+ requisições diárias, reduzindo tempo de carregamento em 40% através de code splitting e otimização de imagens. Arquitetura escalável com 70+ rotas e 200+ componentes reutilizáveis, resultando em melhoria de 30% na experiência do usuário. Implementei 34+ segmentos, blog com renderização HTML, analytics completo (GTM, Meta Pixel, GA4) e SEO otimizado com meta dinâmicas, Open Graph e JSON-LD.

React 18TypeScriptViteTailwind CSSFramer Motion
PedroMóveis

E-Commerce

PedroMóveis

E-commerce de móveis de design com arquitetura moderna e interface elegante. Hero section com efeito parallax scroll, produtos em destaque com modal de quick look para visualização rápida, coleções com navegação horizontal via drag, seção de materiais com backgrounds dinâmicos e transições suaves, newsletter integrada com validação, animações fluidas com Framer Motion, sistema de cards transparentes com hover effects sofisticados, design responsivo mobile-first e componentes reutilizáveis do Radix UI.

Next.js 15React 19TypeScriptTailwind CSS 4Framer MotionRadix UI
Fala Atípica

Portal Institucional

Fala Atípica

Desenvolvi portal institucional para sistema de auxílio a crianças com atraso de fala, reduzindo tempo de carregamento em 35% e melhorando experiência do usuário em 28%. Arquitetura escalável com 8+ rotas usando Atomic Design, 7+ hooks customizados e design system componentizado. Implementei landing page com seções full-screen, animações performáticas com Framer Motion e GSAP, visualização 3D GLB com Three.js e otimizações de performance.

Next.js 15TypeScriptReact 18Tailwind CSSFramer MotionGSAPThree.js
Petzao

E-Commerce

Petzao

Desenvolvi e-commerce de produtos para pets com arquitetura escalável que processa centenas de transações diárias. Implementei sistema de filtros avançados que reduz tempo de busca em 50%, carrinho de compras otimizado e design system componentizado com Tailwind CSS 4. Resultado: melhoria de 35% na experiência do usuário e aumento de conversão através de interface responsiva mobile-first, formulários validados e feedback visual com toast notifications.

Next.js 15React 19TypeScriptTailwind CSS 4Radix UISonner (Toast)Lucide React

Vamos trabalhar juntos

Prefere uma conversa rápida? Fale comigo por email ou WhatsApp.