Eduardo

Schelbauer

Front-end developer. Joinville, SC.
React · Next.js · TypeScript

ver projetos pessoais
scroll
React · Next.js · TypeScript · Node.js · GSAP · WebGL · PostgreSQL · AWS · Ruby on Rails · React Native · Tailwind CSS · React · Next.js · TypeScript · Node.js · GSAP · WebGL · PostgreSQL · AWS · Ruby on Rails · React Native · Tailwind CSS · React · Next.js · TypeScript · Node.js · GSAP · WebGL · PostgreSQL · AWS · Ruby on Rails · React Native · Tailwind CSS · React · Next.js · TypeScript · Node.js · GSAP · WebGL · PostgreSQL · AWS · Ruby on Rails · React Native · Tailwind CSS ·

Projetos pessoais

Sobre

Dev full-stack com foco em front-end, 3+ anos de experiência. Atualmente trabalho na hiSofi e construo produtos escaláveis. Apaixonado por performance, animações e experiências web que surpreendem.

3+ anos
de experiência
15+ projetos
contribuídos

Experiência

12/2025 — presente

hiSofi

atual

Desenvolvedor Front-End

ReactNext.jsTypeScriptRuby on Rails
07/2025 — 12/2025

HiSoft

Desenvolvedor & QA

Vue.jsQATypeScript
06/2023 — 07/2025

O2 Projetos

Desenvolvedor Full-Stack

ReactNext.jsNode.jsAngularReact NativeAWS S3
07/2022 — 12/2022

IELUSC

Técnico de Informática

SuporteiPadsAV
02/2022 — 07/2022

IELUSC

Estagiário Analista de Sistemas

TOTVS RMSoftdesk

Como este site foi feito

Framework
  • Next.js 14App Router, SSR, static params
  • TypeScripttipagem estrita em todo o projeto
Estilo
  • Tailwind CSSutility-first, sem CSS manual
  • Geist Sansfonte da Vercel, clean e legível
Animação
  • GSAPtransições de entrada, saída e ScrollTrigger
  • Canvas 2D APIaurora interativa de fundo com orbs
Decisões técnicas
01

Sem biblioteca de UI

Todos os componentes foram escritos do zero. Nenhum Radix, shadcn ou similar — controle total sobre o visual e comportamento.

02

Swup substituído por GSAP

Swup manipula o DOM diretamente, quebrando a hidratação do React. A solução foi um sistema próprio com usePathname para entrada e router.push para saída.

03

Canvas 2D para a aurora

Gradientes radiais com globalCompositeOperation: 'screen' e frequências primas criam a aurora fluida sem WebGL — zero overhead de shader, SSR-safe.

04

Server Components por padrão

Apenas o necessário usa "use client" — canvas, animações e navegação. O resto é renderizado no servidor, sem JavaScript desnecessário no cliente.