Virture CRM

Tipo de Projeto

CRM Product

Meu Papel

Frontend Developer / UX

Contribuição

UX, Arquitetura Frontend, QA, Segurança & APIs NestJS

Linha do Tempo

6 meses (Scrum) · Versão 1

portada de proyecto

Participei da construção do Virture CRM do zero, da pesquisa de usuários à implantação, criando uma interface responsiva, acessível, segura e testada.

Como melhorei a experiência e a arquitetura do Virture de ponta a ponta

CRM PRODUCT · Função: Frontend Developer / UX · Scrum · 6 meses - Versão 1 · Equipe: cliente, design e desenvolvimento


Resumo

Participei da construção do Virture CRM do zero, da pesquisa de usuários à implantação. Meu trabalho concentrou-se em criar uma interface responsiva, acessível, segura e testada e em acelerar as entregas da equipe.

40%

Menos requisições ao servidor através de cache no cliente

40+

Componentes documentados e testados, reutilizados no projeto

Produto e UX

  • Pesquisei concorrentes e os pontos de dor dos usuários para definir os módulos prioritários.
  • Trabalhei em ciclos de Scrum com reuniões contínuas com o cliente, design e desenvolvimento, iterando em módulos funcionais.
  • Validei os designs e casos de uso antes da implementação para evitar retrabalho.

Desenvolvimento Frontend

  • Desenvolvi módulos respeitando a arquitetura e as convenções do projeto para manter a consistência do código.
  • Refinei componentes até torná-los uma versão estável e reutilizável, documentando suas variantes no Storybook.
  • Apliquei as diretrizes WCAG 2.1 AA para operação total por teclado e leitores de tela.
  • Desenvolvi uma interface responsiva com foco mobile first para dispositivos móveis, tablets e desktop.

Qualidade

  • Criei testes unitários e de integração com Vitest cobrindo acessibilidade, armazenamento, resposta, tipos de dados e segurança, e testes E2E com Cypress.

Segurança e Desempenho

  • Apliquei práticas da OWASP Top 10, como higienização de HTML para prevenir injeção de código (XSS).
  • Implementei cache no cliente para preservar formulários não salvos e reduzir em 40% as requisições ao servidor.

IA e Automação

  • Automatizei respostas aos usuários com fluxos no n8n conectados a APIs de LLM.
  • Em entregas urgentes utilizei Cursor, Claude Code e v0 para prototipar componentes e validar usabilidade antes da integração, reduzindo o tempo de entrega.

Apoio ao Backend

  • Desenvolvi e otimizei APIs com NestJS, Prisma e MongoDB quando a equipe necessitou de suporte em backend.
  • Refatorei APIs existentes aplicando princípios SOLID, reduzindo o código e facilitando testes.

Stack

VuePiniaTypeScriptTailwindVitestStorybookn8nAPI LLMNestJSPrismaMongoDBWCAG 2.1 AAOWASP Top 10Cypress
Fale Comigo