Desenvolvedora frontend com foco em qualidade

Projetos

Quatro projetos, todos no ar, com código, testes e documentação abertos. Moringa e Ipê têm estudo de caso completo.

• 

  Moringa

  Marketplace de artesanato brasileiro · outubro de 2026

  Frontend: Dois painéis, um para quem compra e outro para quem vende, Stripe Checkout em modo de teste, linha do tempo do pedido ao vivo, português e inglês, tema claro e escuro. Nota 100 nas quatro categorias do PageSpeed Insights, no celular e no computador.

  QA: Plano de teste, 58 casos de teste rastreados até as histórias de usuário, sessões exploratórias e relatório final. Achei e corrigi um bug de severidade alta (a sacola podia mostrar um preço antigo) antes do lançamento. 179 testes unitários e de integração, 158 ponta a ponta, axe e OWASP ZAP em todo pull request.

  Stack:

  • Next.js 16
  • React 19
  • TypeScript
  • PostgreSQL
  • Stripe
  • Playwright

  • Estudo de caso · Moringa
  • Site no ar · Moringa
  • Código · Moringa
• 

  Ipê

  Design system para React · outubro de 2026

  Frontend: 11 componentes React acessíveis, design tokens sincronizados com o Figma, temas claro e escuro e Storybook bilíngue. Publicado no npm como @rayssarrsilva/ipe; o Moringa é construído com ele.

  QA: 24 casos de teste e 6 relatórios de bug com evidência de antes e depois. Cada story roda no Chromium com teste de interação e auditoria do axe em todo pull request.

  Stack:

  • React
  • TypeScript
  • Storybook
  • Style Dictionary
  • Figma
  • npm

  • Estudo de caso · Ipê
  • Storybook · Ipê
  • npm · Ipê
  • Código · Ipê
• 

  DietGreen

  Planejador de refeições por perfil alimentar · 2026

  Frontend: Sugestões de alimentos para 10 perfis alimentares e 5 objetivos, exportação em PDF e Excel, login com Google e GitHub, português e inglês.

  QA: As regras de negócio ficam numa camada de domínio sem código de framework, então são testadas sem banco de dados. Lint, typecheck, testes e build precisam passar antes de qualquer merge.

  Stack:

  • Next.js
  • TypeScript
  • Prisma
  • PostgreSQL
  • Auth.js
  • Vitest

  Hospedado no plano gratuito do Render: a primeira visita pode levar cerca de um minuto para acordar o servidor.

  • Site no ar · DietGreen
  • Código · DietGreen
• 

  Batalha Naval

  O jogo clássico, feito com TDD · 2026

  Frontend: Lógica do jogo (navios, tabuleiros, jogadores) separada do DOM, então a interface só desenha o estado atual. Empacotado com Webpack.

  QA: 19 testes unitários com Jest escritos antes do código. O GitHub Actions roda os testes antes de cada deploy.

  Stack:

  • JavaScript
  • Jest
  • Webpack
  • GitHub Actions

  • Jogar · Batalha Naval
  • Código · Batalha Naval

Como trabalho

O mesmo processo em todo projeto, com links para os documentos reais do Moringa.

1. Descobrir

   Brief do produto, proto-personas e backlog com critérios de aceite antes de qualquer tela. Brief do Moringa · backlog.

2. Desenhar

   Jornadas no FigJam, wireframes e depois telas em alta fidelidade feitas só com componentes do meu design system. Arquivo no Figma.

3. Construir em partes pequenas

   Pull requests pequenos, Conventional Commits conferidos pelo commitlint, TypeScript em modo estrito e ESLint sem nenhum aviso permitido.

4. Testar em todos os níveis

   Testes unitários, de integração contra um Postgres real em memória e ponta a ponta no celular e no computador, com axe nos dois temas.

5. Barrar o merge com problema

   O GitHub Actions roda Lighthouse CI, varredura do OWASP ZAP e CodeQL em cada pull request; o Dependabot mantém as dependências atualizadas.

6. Fazer um ciclo de QA

   Depois do lançamento: plano de teste, casos rastreados, sessões exploratórias, relatórios de bug e resumo. Plano de teste · relatórios de bug · resumo (em inglês).

Experiência e formação

Contato

O e-mail é o melhor jeito de falar comigo. Aberta a vagas de frontend e QA, no Brasil ou fora.

• rayssarrsilva1@gmail.com
• LinkedIn
• GitHub
• Currículo (PDF)