← Voltar para vagas

Cfa6: Desenvolvedor(A) Full Stack Pleno/Sênior - Rect/Typescript, Tanstack E Supabase

mazzatech

Remoto BR
Desenvolvimento Frontend Backend Fullstack Cloud Solutions Analista de Negócios

Score da Vaga

100 pontos
Modelo remoto (+90) Desenvolvimento (+10) Frontend (+10) Backend (+10)

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

  1. 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.

  2. Desenvolvimento: Corrigir primeiro os erros mais urgentes (bloqueios e falhas de sincronização) e depois construir as novas funções (chat, subtarefas, etc.).

  3. Testes: Testar tudo em um ambiente de testes para garantir que nada antigo foi quebrado.

  4. 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.

O que você achou desta vaga?

Comentários 0

Quer comentar sobre esta vaga?
Faça login ou crie sua conta em segundos para participar da conversa.
Carregando comentários...

Sobre a área de Desenvolvimento

A área de Desenvolvimento de Software é uma das mais dinâmicas e em constante evolução no mercado de trabalho. Profissionais dessa área são responsáveis por criar, manter e otimizar aplicações web, mobile e desktop que impactam milhões de usuários diariamente.

As principais linguagens e frameworks incluem JavaScript (React, Node.js, Vue.js), Python (Django, Flask), Java (Spring), PHP (Laravel) e TypeScript. A demanda por desenvolvedores full-stack continua crescendo, especialmente em empresas de tecnologia e startups.

Salários variam de R$ 3.000 (júnior) a R$ 20.000+ (sênior), com oportunidades crescentes para trabalho remoto e freelance internacional.

Sobre a área de Frontend

A área de Frontend é responsável por criar as interfaces visuais com as quais os usuários interagem em sites e aplicações web. Profissionais de frontend combinam habilidades técnicas com design para entregar experiências digitais intuitivas, responsivas e acessíveis.

As principais habilidades incluem HTML, CSS, JavaScript/TypeScript, frameworks como React, Angular e Vue, ferramentas de build (Webpack, Vite), CSS (Tailwind, Sass), testes (Jest, Cypress) e conhecimento de performance web e acessibilidade (WCAG). Familiaridade com design systems e componentes reutilizáveis é diferencial.

Desenvolvedores Frontend em empresas de tecnologia são muito valorizados, especialmente aqueles que dominam React, Next.js, performance web e acessibilidade. A área oferece oportunidades desde desenvolvedor júnior até arquiteto frontend, com foco em experiência do usuário, performance e qualidade de código.

Sobre a área de Backend

A área de Backend é responsável por toda a lógica do servidor, APIs, bancos de dados e infraestrutura que sustentam aplicações web e mobile. Profissionais de backend garantem que os sistemas sejam escaláveis, seguros e performáticos.

As principais habilidades incluem linguagens como PHP, Java, Python, Ruby, Go e Node.js, frameworks como Laravel, Spring Boot, Django e Express, bancos de dados (MySQL, PostgreSQL, MongoDB, Redis), arquitetura de software (clean architecture, DDD, microsserviços) e segurança de APIs (OAuth, JWT).

Desenvolvedores Backend em empresas de tecnologia são muito valorizados, especialmente aqueles que dominam arquitetura de microsserviços, cloud computing e performance de alta escala. A área oferece oportunidades desde desenvolvedor júnior até arquiteto de software, com foco em escalabilidade, segurança e eficiência.

Sobre a área de Fullstack

Desenvolvedores Fullstack são profissionais versáteis capazes de atuar tanto no frontend quanto no backend de aplicações web e mobile. Eles dominam múltiplas tecnologias e são capazes de construir produtos completos do início ao fim, desde a interface do usuário até a infraestrutura do servidor.

As principais habilidades incluem domínio de pelo menos uma stack completa (React/Vue/Angular + Node.js/PHP/Python/Java), banco de dados (SQL e NoSQL), APIs REST/GraphQL, versionamento com Git, CI/CD e conhecimento básico de infraestrutura (Docker, cloud). Arquitetura limpa, DDD e testes são diferenciadores importantes.

Desenvolvedores Fullstack são muito valorizados em startups e empresas que precisam de profissionais versáteis e autônomos. A área oferece oportunidades desde desenvolvedor júnior até arquiteto de software, com foco em entrega completa, visão holística do produto e capacidade de trabalhar em múltiplas camadas da aplicação.

Sobre a área de Cloud Solutions

A área de Cloud Solutions é responsável por projetar, implementar e gerenciar infraestrutura e serviços em nuvem (AWS, Azure, GCP) para empresas. Profissionais de cloud arquitetam soluções escaláveis, seguras e otimizadas em custo, desde migrações de data centers até arquiteturas serverless e multi-cloud.

As principais habilidades incluem IaC (Terraform, CloudFormation), containers (Docker, Kubernetes), serverless (Lambda, Cloud Functions), bancos de dados gerenciados (RDS, DynamoDB, BigQuery), redes cloud (VPC, CDN, load balancer) e segurança (IAM, WAF, KMS). Conhecimento de FinOps, cloud governance e certificações AWS/Azure/GCP é diferencial.

Profissionais de Cloud Solutions em empresas de tecnologia são muito valorizados, especialmente aqueles que dominam arquiteturas multi-cloud, FinOps e conseguem otimizar custos enquanto mantêm performance e segurança. A área oferece oportunidades desde cloud engineer até cloud solutions architect, head of cloud e chief cloud architect.

Sobre a área de Analista de Negócios

O Analista de Negócios (BA) é o profissional responsável por identificar problemas, oportunidades e soluções em processos organizacionais, atuando como ponte entre as áreas de negócio e a equipe de desenvolvimento de tecnologia. Ele realiza o levantamento e especificação de requisitos, mapeia fluxos de valor, desenha processos futuros e ajuda a garantir que as entregas de software estejam alinhadas com as metas estratégicas da empresa.

Conheça Outras Áreas

Entenda melhor o escopo de atuação, habilidades necessárias e ferramentas utilizadas em diferentes áreas de carreira.

Sobre a área de Design

A área de Design, especialmente UX/UI e Product Design, vivenciou um crescimento significativo nos últimos anos. Com a digitalização acelerada dos negócios, a demanda por profissionais que consigam criar experiências digitais intuitivas e agradáveis nunca foi tão alta.

Os principais skills incluem Figma, Sketch, Adobe XD, pesquisa com usuários, design thinking, prototipação e system design. Designers de produto são cada vez mais valorizados por seu impacto direto nos resultados de negócio.

O trabalho remoto abriu portas para designers brasileiros trabalharem para empresas globais, com salários competitivos em dólares e euros.

Sobre a área Administrativa

A área Administrativa é responsável por garantir o funcionamento eficiente de todas as operações organizacionais. Profissionais administrativos gerenciam processos, recursos humanos, compras e facility management.

As principais habilidades incluem gestão de processos, Office 365, ERPs administrativos, compliance e gestão de pessoas. O conhecimento de ferramentas de automação e IA está se tornando cada vez mais relevante.

A digitalização dos processos administrativos tem criado novas oportunidades para profissionais que dominam tecnologia e gestão.

Sobre a área de Blockchain

A área de Blockchain envolve o desenvolvimento e a implementação de registros distribuídos e seguros de transações (ledgers). Profissionais dessa área trabalham com o desenvolvimento de smart contracts (contratos inteligentes), criptografia, algoritmos de consenso e plataformas como Ethereum, Hyperledger e Solana, garantindo segurança e descentralização para diversos tipos de aplicações.

Sobre a área de Dados

A área de Dados passou por uma transformação radical com a ascensão da Inteligência Artificial Generativa. Profissionais de dados são fundamentais para tomada de decisão baseada em evidências em todas as indústrias.

As principais especializações incluem Data Engineering, Data Science, Business Intelligence, Machine Learning Engineering e Analytics. Ferramentas como SQL, Python, Spark, dbt e plataformas de cloud (AWS, GCP, Azure) são essenciais.

O mercado de dados continua com alta demanda e salários entre os mais competitivos do setor de tecnologia, com muitas oportunidades para trabalho remoto.

Sobre a área de Recursos Humanos

A área de Recursos Humanos é responsável por toda a gestão de pessoas nas organizações, desde a atração e seleção de talentos até o desenvolvimento, retenção e bem-estar dos colaboradores. Profissionais de RH são fundamentais para construir culturas organizacionais fortes e engajamento.

As principais habilidades incluem recrutamento e seleção, gestão de compensação e benefícios, desenvolvimento e treinamento (L&D), clima organizacional, engajamento, legiltação trabalhista, relações trabalhistas e ferramentas de RH (Workday, SAP SuccessFactors, Bamboo HR). Conhecimento de people analytics e data-driven HR é diferencial.

Profissionais de RH em empresas de tecnologia são muito valorizados, especialmente aqueles que dominam employer branding, people analytics e estratégias de retenção de talentos. A área oferece oportunidades desde analista de RH até Chief People Officer, com foco em cultura, engajamento e crescimento de pessoas.

Guias de Carreira

Guia de Carreira em Tecnologia

Planejamento, habilidades, entrevistas e crescimento profissional em TI, Ciência de Dados, DevOps e Produto.

Ler guia completo →

Guia de Carreira em Design

UX/UI, Design Gráfico, Design de Produto. Portfólio, ferramentas, entrevistas e crescimento na área de Design.

Ler guia completo →

Guia de Carreira em Marketing

SEO, Mídia Paga, Growth, Marketing de Conteúdo. Certificações, ferramentas e estratégias para crescer no Marketing Digital.

Ler guia completo →

Guia de Carreira em Finanças

Mercado financeiro, investimentos, finanças corporativas, certificações e estratégias para crescer na área financeira.

Ler guia completo →

Guia de Carreira em Comunicacao

Jornalismo, RP, Comunicacao Corporativa, Marketing de Conteudo e Producao Multimidia.

Ler guia completo →

Guia de Carreira em Administracao

Gestao de Empresas, RH, Logistica, Consultoria, Gestao de Projetos e Empreendedorismo.

Ler guia completo →

Guia de Carreira em Dados

Ciencia de Dados, Engenharia de Dados, BI, Machine Learning e IA. Da formacao ao mercado.

Ler guia completo →

Guia de Carreira em Produto

Product Management, Product Ownership, Agile, Scrum e OKRs. Da estrategia a execucao.

Ler guia completo →

Glossário Tech e Remoto

Chega de ficar boiando nas entrevistas e descrições de vagas

O mercado de trabalho, especialmente o de tecnologia e as empresas globais, desenvolveu um dialeto próprio. Não entender essas siglas pode fazer você perder oportunidades valiosas ou negociar mal o seu contrato. Para acabar com esse problema, criamos o Glossário Definitivo do Profissional Remoto.

🏢 Modelos de Trabalho e Rotina

Async (Trabalho Assíncrono)
Modelo de comunicação onde as respostas não precisam ser imediatas. Em vez de reuniões o dia todo, a equipe usa documentos e mensagens estruturadas. É o padrão de ouro das empresas globais com times em vários fusos horários.
Sync (Trabalho Síncrono)
O oposto do Async. Exige que a equipe esteja online e disponível no mesmo horário para reuniões, chats ao vivo e colaboração em tempo real.
Daily / Stand-up
Reunião diária e rápida (geralmente de 15 minutos) muito comum em metodologias Ágeis (Scrum). A equipe responde a três perguntas: O que fiz ontem? O que farei hoje? Há algum impedimento?
All-Hands / Town Hall
Reunião geral que envolve todos os funcionários da empresa. Geralmente conduzida pelos fundadores (C-Levels) para apresentar resultados, novas metas e responder a perguntas da equipe.
1:1 (One-on-One)
Reunião individual e recorrente entre o profissional e seu líder direto. Serve para alinhamento de carreira, feedbacks e resolução de problemas, não apenas para status de projetos.

💰 Contratos, Benefícios e Remuneração

PTO (Paid Time Off)
Significa "Tempo Livre Remunerado". Diferente das férias fixas do Brasil (CLT), as empresas estrangeiras costumam oferecer uma bolsa de dias (ex: 20 dias de PTO) que você pode usar para férias, dias de doença ou resolver problemas pessoais, recebendo normalmente.
Equity / Stock Options
Participação societária. A empresa oferece a você o direito de comprar ações da startup por um preço baixíssimo no futuro. Se a empresa crescer ou for vendida, essas ações podem valer muito dinheiro.
Vesting (Período de Aquisição)
É a regra que controla o seu Equity. Geralmente dura 4 anos. Você não ganha todas as ações no primeiro dia; você as "conquista" aos poucos enquanto permanece na empresa. Se houver um "Cliff" de 1 ano, significa que você precisa ficar pelo menos um ano para receber a primeira parte.
RSUs (Restricted Stock Units)
Diferente das Stock Options (onde você tem o direito de comprar a ação), as RSUs são ações que a empresa simplesmente te dá como bônus ou parte do salário, mas que seguem um calendário de Vesting.
Contractor (B2B / PJ)
Modelo de contratação internacional mais comum para brasileiros. Você atua como uma empresa prestadora de serviços (PJ) para a empresa no exterior, recebendo o valor bruto (gross salary) sem descontos na fonte.

🤖 Recrutamento e Processo Seletivo

ATS (Applicant Tracking System)
O "robô" que lê o seu currículo. Softwares como Greenhouse, Ashby e Workday são usados para filtrar candidatos por palavras-chave antes mesmo de um humano olhar o documento. (Dica: é por isso que seu currículo precisa ser limpo e ter as keywords certas).
JD (Job Description)
A Descrição da Vaga. É o documento que lista as responsabilidades, requisitos e benefícios da posição aberta.
Fit Cultural
Etapa da entrevista que avalia se os seus valores, forma de comunicação e visão de mundo estão alinhados com a cultura da empresa. É aqui que avaliam suas Soft Skills.
Onboarding
O processo de integração. É o período das suas primeiras semanas na empresa, onde você recebe acessos, conhece a cultura, estuda a documentação e entende como o produto funciona.

🚀 Como usar isso a seu favor?

O segredo não é apenas saber o que essas siglas significam, mas usá-las ativamente. Se durante a entrevista para uma vaga gringa você perguntar "Como funciona a política de PTO e o calendário de Vesting de vocês?", o recrutador imediatamente perceberá que você é um profissional de alto nível, familiarizado com o mercado global.

O mercado de trabalho remoto exige preparação. E ter o vocabulário certo é o primeiro grande passo para garantir propostas na casa dos milhares de dólares.

Dica do Especialista

A Importância Vital do Portfólio para Profissionais de Design e Web Development

A Prova Irrefutável do Seu Talento

No competitivo mercado global de tecnologia, enviar apenas um currículo em formato PDF tornou-se o equivalente a entregar um cartão de visitas em branco. Para profissionais de UX/UI Design, Product Design e Desenvolvimento Web (Front-end e Back-end), o currículo diz o que você fez, mas é o seu portfólio que prova como você fez.

Recrutadores de grandes empresas de tecnologia e sistemas de rastreamento de candidatos (ATS) rigorosos, como Greenhouse e Workday, filtram milhares de perfis. No entanto, na etapa final da triagem técnica, o diferencial entre uma rejeição e uma oferta de trabalho remoto pagando em dólar reside na capacidade de demonstrar pensamento crítico e execução através de um portfólio sólido.

"Show, Don't Tell": A Regra de Ouro do Mercado Tech

Em áreas visuais e técnicas, a regra "Mostre, não apenas fale" é a lei. Dizer que você domina React.js ou que tem excelência em Design Thinking não carrega peso sem evidências concretas.

Para Designers (UX/UI e Produto)

Um erro comum entre designers é transformar o portfólio em uma galeria de telas bonitas, ignorando a resolução de problemas. O renomado Nielsen Norman Group (NN/g) ressalta que recrutadores buscam Estudos de Caso (Case Studies) reais. Um portfólio de design de alto nível deve conter:

  • Contexto e Desafio: Qual era o problema de negócio ou do usuário?
  • O Processo: Pesquisas, wireframes, testes de usabilidade e iterações.
  • O Resultado e Impacto: Como a sua solução melhorou métricas (taxa de conversão, redução de churn, etc.).

Para Desenvolvedores Web

Para engenheiros de software e desenvolvedores, o portfólio vai além de uma página web estática. Ele reside na qualidade do seu código, na arquitetura e na capacidade de documentação. Projetos open-source e perfis ativos no GitHub são frequentemente avaliados por Tech Leads e CTOs.

  • Código Limpo e Escalável: Acesso a repositórios públicos demonstrando boas práticas (Clean Code, SOLID).
  • Deploy e Infraestrutura: Projetos no ar utilizando provedores modernos (Vercel, AWS, Netlify).
  • Documentação (README): Explicações claras de como rodar o projeto, stack utilizada e desafios técnicos superados.

A Visão dos Recrutadores Globais

Especialistas em recrutamento concordam que o portfólio é a ferramenta definitiva de mitigação de riscos para quem contrata. Ao analisar um portfólio estruturado, a empresa ganha confiança de que o candidato não apenas conhece a teoria, mas consegue entregar valor tangível desde o primeiro dia de trabalho (onboarding).

"O seu portfólio não é apenas sobre o trabalho passado; é uma promessa do que você é capaz de construir para a nossa empresa no futuro."

Referências e Leituras Recomendadas

Para aprofundar seus conhecimentos e elevar o nível das suas apresentações profissionais, consulte as seguintes fontes de autoridade no mercado: