Portfólio · Desenvolvimento web

Desenvolvo aplicações web full stack com autenticação, APIs e deploy.

Gosto de entender como as pessoas trabalham antes de transformar um problema em software. Busco minha primeira oportunidade em estágio ou posição júnior.

Next.jsTypeScriptReactNode.jsSupabase

Trabalho selecionado

Projetos

Cada projeto parte de um problema concreto e combina interface, dados e decisões técnicas. HelpFlow e ManutFlow são sistemas completos em produção, com autenticação, banco de dados e deploy na Vercel.

Produto em produçãoOnline
Interface do HelpFlow mostrando painel de gestão de chamados com lista de tickets, status e prioridade

Case principal · 01

HelpFlow

Sistema full stack para abertura, acompanhamento e gerenciamento de chamados internos.

Minha responsabilidade
Desenvolvimento completo do produto, da interface e das regras de negócio à persistência e ao deploy.
Maior desafio
Organizar autenticação, permissões, regras de negócio e histórico sem comprometer a clareza do fluxo.
Decisão técnica
Separar acessos com roles CLIENT/AGENT e centralizar validação com Zod e persistência com Prisma.
Problema
Organizar solicitações, responsáveis, prioridades e histórico de atendimento.
Solução
Painel autenticado com criação e gerenciamento de chamados, status e prioridade.
Entrega
Aplicação em produção com persistência relacional e código público.

Evidências

  • CRUD completo e rate limiting
  • Testes unitários com Vitest
  • Fluxo principal validado com Cypress E2E
  • Aplicação publicada com código aberto

Próximo passo: Ampliar os testes de integração e adicionar observabilidade aos fluxos críticos.

Next.jsReactJavaScriptPrismaSupabaseNextAuth
Produto em produçãoOnline
Dashboard do ManutFlow com indicadores de equipamentos e ordens de serviço

Case complementar · 02

ManutFlow

Sistema completo para cadastro de equipamentos, abertura de ordens de serviço e dashboard com indicadores de status e prioridade.

Minha responsabilidade
Modelagem e implementação do sistema de equipamentos, ordens de serviço e indicadores operacionais.
Maior desafio
Garantir que cada usuário acesse apenas seus próprios equipamentos e ordens de manutenção.
Decisão técnica
Aplicar proteção em três camadas com proxy, getUser() na API e Row Level Security no banco.
Problema
Empresas precisam controlar manutenção de equipamentos, registrar ordens de serviço e acompanhar prioridades.
Solução
Sistema full stack com autenticação, CRUD de equipamentos e ordens, dashboard com auto-refresh e histórico de alterações.
Segurança
Três camadas: proxy.ts (Edge), getUser() (API) e Row Level Security (banco).

Evidências

  • Autenticação e isolamento por usuário
  • CRUD de equipamentos e ordens
  • Histórico de alterações e dashboard
  • Aplicação publicada na Vercel

Próximo passo: Ampliar os testes automatizados e evoluir os indicadores operacionais do dashboard.

Next.jsReactTypeScriptTailwind CSSSupabasePostgreSQL

Outros projetos

Uma seleção compacta de aplicações que exploram upload, testes, PWA, estados assíncronos e consumo de APIs.

Interface do DevLinks exibindo página de perfil com links personalizados

Upload · sincronização · testes E2E

DevLinks

Página de perfil com links personalizados, upload de avatar e dados sincronizados entre cliente e servidor.

Upload de imagem via Cloudinary, cache e invalidação com React Query, e testes end-to-end com Cypress no fluxo principal.

ReactReact QueryCloudinary
Interface mobile da Lista de Mercado com itens de compras

PWA · offline-first · compartilhamento

Lista de Mercado

Aplicação mobile para organizar compras por setores, funcionar sem internet e compartilhar a lista via WhatsApp.

PWA com service worker para uso offline, persistência local e compartilhamento da lista via WhatsApp.

ReactVitePWA
Dashboard de criptomoedas exibindo preços e variações

API externa · rotas dinâmicas · estados assíncronos

Crypto Dashboard

Consulta de preços e variações de criptomoedas com busca, páginas de detalhe e tratamento de estados de carregamento e erro.

Consumo de API externa com rotas dinâmicas, busca client-side e estados assíncronos — loading, erro e exibição de dados.

Next.jsReactAPI externa
Processo

Como eu Trabalho

No HelpFlow, dividi o desenvolvimento em etapas pequenas e incrementais. Cada etapa gera código funcional e testável antes de avançar para a próxima.

  1. Passo 1

    Schema do banco

    Modelei o banco com Prisma definindo User, Ticket e Comment com relacionamentos.

  2. Passo 2

    API com rotas

    Criei endpoints REST com Next.js para CRUD de tickets, autenticação e filtros.

  3. Passo 3

    Autenticação

    Implementei login com NextAuth, roles CLIENT/AGENT e proteção de rotas.

  4. Passo 4

    Interface

    Construí o painel com React, formulários validados e estados de carregamento.

  5. Passo 5

    Testes

    Escrevi testes unitários com Vitest e E2E com Cypress no fluxo principal.

  6. Passo 6

    Deploy

    Publiquei no Vercel com variáveis de ambiente e banco no Supabase.

Competências

Stack e competências

Tecnologias apresentadas pelo contexto em que são usadas: da construção da interface à persistência de dados, validação e entrega do produto.

Frontend e UI

Componentes reutilizáveis, rotas dinâmicas, estados assíncronos e layouts responsivos com foco em acessibilidade.

Tecnologias

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS

HelpFlow · ManutFlow · Crypto Dashboard

Backend e autenticação

CRUD com validação, autenticação por roles (CLIENT/AGENT), rate limiting e persistência relacional com Prisma.

Tecnologias

  • Node.js
  • APIs REST
  • Prisma
  • NextAuth
  • Zod

HelpFlow · ManutFlow

Banco de dados e infra

Modelagem relacional, RLS no Supabase, upload de imagens via Cloudinary e deploy contínuo no Vercel.

Tecnologias

  • PostgreSQL
  • Supabase
  • Vercel
  • Cloudinary

HelpFlow · ManutFlow · DevLinks

Testes e qualidade

Testes unitários com Vitest e testes end-to-end com Cypress no fluxo principal de autenticação e CRUD.

Tecnologias

  • Vitest
  • Cypress
  • Testes E2E

HelpFlow · DevLinks

PWA e mobile

Aplicações progressivas com funcionamento offline, persistência local e compartilhamento nativo.

Tecnologias

  • Service Worker
  • PWA
  • Offline-first

Lista de Mercado

Em evolução

Containerização de aplicações, testes de integração além do unitário e validação de schemas complexos.

Tecnologias

  • Docker
  • Testes de integração
  • Zod avançado

Perfil

Disponível
Foto de Tharcio Santos

Tharcio Santos

Estudante de ADS e desenvolvedor full stack júnior.

Sobre mim

Sou estudante de Análise e Desenvolvimento de Sistemas na Anhanguera (conclusão em julho de 2027). Venho construindo projetos próprios para aplicar fundamentos de frontend, backend, banco de dados, autenticação e deploy.

Antes da programação, trabalhei como auxiliar mecânico na Komaq (diagnóstico técnico de equipamentos) e como auxiliar administrativo na EPOS (organização de demandas e documentação de processos). Essas experiências me ensinaram a investigar problemas com método antes de buscar soluções — uma habilidade que aplico diretamente no debugging e na arquitetura de sistemas.

Busco uma oportunidade de estágio ou posição júnior em desenvolvimento web, com abertura para atuar em frontend, backend ou full stack.

Formação

Análise e Desenvolvimento de Sistemas

Instituição
Anhanguera
Status
Cursando
Conclusão
Julho de 2027
Trajetória

Experiência

Antes da programação, atuei em rotinas administrativas e de manutenção. Essas experiências formaram uma base de organização, análise e comunicação que hoje aplico ao desenvolvimento de sistemas.

Habilidades transferidas

  • Organização
  • Atenção a processos
  • Comunicação entre áreas
  • Análise de problemas
  • Registro de informações
  • Responsabilidade com prazos
  • Rotinas operacionais

Experiências anteriores

Auxiliar Administrativo · EPOS

Mai/2023 – Out/2023

Organização de demandas internas, documentação de processos e comunicação entre equipes — prática que reforçou minha atenção a registro, clareza e fluxo de trabalho.

Auxiliar Mecânico · Komaq

Jan/2022 – Mai/2022

Diagnóstico técnico de equipamentos e análise de causa raiz — experiência que contribui para investigar problemas com método antes de buscar soluções.

Contato

Vamos conversar sobre uma oportunidade

Estou aberto a oportunidades de estágio ou posições júnior em desenvolvimento web.

Tenho interesse em atuar com frontend, backend ou full stack, principalmente em times onde eu possa aprender, contribuir e evoluir com projetos reais.