CFA6: Desenvolvedor(a) full stack pleno/sênior - Rect/TypeScript, TanStack e Supabase
mazzatech
Descrição da vaga
Aqui está a descriç
ã
o da vaga simplificada, em linguagem clara e direta, sem jargõ
es ou termos complexos de IA:
🚀 Desenvolvedor(a) React / Supabase Full Stack (Freelancer - Projeto Pontual)
📌 Contexto do Projeto
Procuramos um(a) desenvolvedor(a) Full Stack para realizar ajustes e novas funcionalidades em um sistema interno já em uso pela diretoria da empresa. A plataforma é
utilizada para acompanhar projetos de expansã
o, novos negó
cios e compras de empresas.
🛠️ Informaç
õ
es Gerais
Modelo de Contrataç
ã
o: PJ Projeto Pontual).
Modalidade: 100% Remoto.
Tecnologias Utilizadas: React 19, TanStack Router/Query, Supabase (Postgres/RLS/Auth), Tailwind CSS, Radix UI/shadcn/ui e Azure App Service.
🎯 O que precisa ser feito (Escopo da Vaga)
1. Correç
õ
es de Erros e Permissõ
es
Resolver falha na atualizaç
ã
o de anotaç
õ
es e comentários dos projetos (algumas informaç
õ
es nã
o aparecem atualizadas para todos os usuários).
Ajustar as regras de acesso para que todos os membros da equipe consigam criar e gerenciar tarefas sem bloqueios de permissã
o.
Restaurar a opç
ã
o de criar tarefas diretamente pelos cartõ
es de projetos (funç
ã
o que parou de funcionar em alguns pontos).
Remover das opç
õ
es de seleç
ã
o de usuários as contas de teste e de administraç
ã
o da TI.
2. Melhorias no Quadro de Tarefas (Kanban)
Permitir criar, editar e excluir as colunas de status do quadro de tarefas (hoje elas sã
o fixas).
Fazer com que o detalhe da tarefa abra em uma tela sobreposta (janela pop-up), sem precisar mudar de página.
Criar um campo para indicar de quem ou do que a tarefa depende para andar.
Trocar o campo de observaç
õ
es por um chat de mensagens dentro da tarefa (estilo conversa do WhatsApp).
Permitir criar subtarefas dentro de uma tarefa principal.
Dar destaque visual para os avisos e acompanhamentos importantes no topo da tela.
3. Formulários, Cadastros e Ajustes Finais
Formataç
ã
o de Valores: Colocar máscara automática no campo de valor (ex: R$ 1.000,00).
Formulário de Novos Projetos: Tirar os campos "Responsável" e "Fechamento Previsto" . Deixar "Contraparte" e "Valor Estimado" como opcionais.
Atualizaç
ã
o de Setores: Deixar no sistema apenas as opç
õ
es de setor: Ecoparque, Energia e Biometano .
Replicaç
ã
o: Aplicar todas essas melhorias també
m na aba de Novos Negó
cios .
📅 Passos do Trabalho
Análise Inicial: Olhar o có
digo atual, entender por que alguns erros estã
o acontecendo e combinar o plano de aç
ã
o antes de começ
ar a mexer.
Desenvolvimento: Corrigir primeiro os erros mais urgentes (bloqueios e falhas de sincronizaç
ã
o) e depois construir as novas funç
õ
es (chat, subtarefas, etc.).
Testes: Testar tudo em um ambiente de testes para garantir que nada antigo foi quebrado.
Publicaç
ã
o & Suporte: Acompanhar a colocaç
ã
o do sistema no ar e dar um suporte inicial para ajustes pó
s-entrega.
💻 O que você
precisa ter (Requisitos)
Obrigató
rios:
Só
lida experiê
ncia prática com React e TypeScript .
Experiê
ncia com Supabase (ou PostgreSQL) e controle de permissõ
es de acesso aos dados.
Experiê
ncia na montagem de telas e formulários com Tailwind CSS e Radix UI / shadcn/ui .
Domí
nio de controle de versã
o de có
digo com Git .
Diferenciais:
Já ter trabalhado com movimentaç
ã
o de cartõ
es na tela (drag-and-drop).
Conhecimento em atualizaç
ã
o de dados em tempo real no Supabase.
Experiê
ncia pré
via em sistemas de gestã
o interna, CRM ou controle de vendas.
🧠 Perfil Esperado
Autonomia: Saber gerenciar seu tempo no trabalho remoto e manter a equipe atualizada do progresso.
Comunicaç
ã
o Direta: Facilidade para alinhar pontos com o responsável pelo projeto (Pedro Reis) e tirar dú
vidas.
Leitura de Có
digo Existente: Capacidade de entender como o sistema atual foi construí
do e seguir o mesmo padrã
o de organizaç
ã
o.
Atenç
ã
o aos Detalhes: Cuidado com a facilidade de uso do sistema e total sigilo com as informaç
õ
es estraté
gicas da empresa.