João Vitor Navari / Portfólio

João Vitor
Navari.

Desenvolvedor Front-end Estudante de Engenharia de Software

Depois de um ano em infraestrutura de TI, hoje desenvolvo projetos front-end como freelancer e sigo evoluindo para Full Stack na UniCesumar.

Ver projetos Entrar em contato
Disponível para novos projetos
GitHub LinkedIn
Ilustração de João Vitor Navari
Perfil / 01Engenharia de Software

01 / Sobre

Da infraestrutura
ao desenvolvimento.

Minha trajetória começou na infraestrutura de TI e hoje continua no desenvolvimento web.

Estudo Engenharia de Software na UniCesumar. Entre abril de 2025 e abril de 2026, trabalhei com suporte técnico, rede e equipamentos no Colégio Santa Cruz.

Desde abril de 2026, atuo como desenvolvedor front-end freelancer, criando e publicando sites e sistemas. Essa base em infraestrutura acompanha minha evolução para Full Stack.

  1. 01Infraestrutura de TI1 ano de experiência
  2. 02Engenharia de Software4º semestre — UniCesumar
  3. 03Front-end freelancerDesde abril de 2026
  4. 04Evolução Full StackAprendizado contínuo

02 / Experiência

Experiência profissional.

Uma base em infraestrutura que hoje aplico no desenvolvimento de projetos web.

  1. Abril 2025 — Abril 2026

    Suporte & Infraestrutura

    T.I — Colégio Santa Cruz

    Atendimento a chamados técnicos, manutenção de equipamentos e apoio à infraestrutura de rede do colégio. Primeiro contato prático com sistemas, redes e resolução de problemas no dia a dia.

  2. Abril 2026 — atualmente

    Autônomo

    Desenvolvedor Front-end — Freelancer

    Criação e publicação de sites responsivos e landing pages para varejo, advocacia e serviços. Atuação do levantamento de requisitos ao desenvolvimento e deploy.

03 / Projetos

Projetos selecionados.

Aplicações que mostram diferentes etapas do meu aprendizado e da minha prática em desenvolvimento.

Dashboard do DevFlow em tema escuro com indicadores de projetos, tarefas, horas e financeiro
DevFlowCaptura do projeto
01 / 06Projeto em destaque

Plataforma Full-stack

DevFlow

Em desenvolvimento

Plataforma Full Stack para freelancers gerenciarem clientes, projetos, tarefas, horas e pagamentos em um único ambiente.

Reúne tarefas em Kanban, progresso automático ou manual, registro de horas, cobranças e métricas em um dashboard. Conta com autenticação e sessões, isolamento de dados entre usuários, interface responsiva e portal público seguro para acompanhamento pelo cliente.

  • Full Stack
  • React
  • TypeScript
  • Node.js
  • PostgreSQL
  • Vite
  • Express
  • Prisma
  • TanStack Query
  • React Hook Form
  • Zod
  • dnd-kit
Ver projeto Ver código
Topo do site USEGET com o título Um toque. E o cliente chega lá. e três placas NFC de acrílico
USEGETCaptura do projeto
02 / 06Projeto selecionado

Landing page

USEGET

Landing page da minha marca de placas NFC + QR Code para comércios, redesenhada como uma vitrine de produto que leva o visitante até o WhatsApp.

Catálogo gerado a partir de um único arquivo de dados, com filtros por categoria e troca de cor. Cada placa abre o WhatsApp com a mensagem já preenchida. Traz ativação explicada em cartões interativos, seção por segmento de cliente e animações com mola que respeitam a preferência de movimento reduzido.

  • HTML
  • CSS
  • JavaScript
Ver projeto Ver código
Página do Rapidinha com apresentação do sistema de pedidos antecipados para cantinas
RapidinhaCaptura do projeto
03 / 06Projeto selecionado

Aplicação web

Rapidinha

Pedidos antecipados para cantinas escolares.

Plataforma para otimizar o atendimento em cantinas e lanchonetes: alunos fazem pedidos e escolhem o horário de retirada antes de chegar, reduzindo filas.

  • React
  • JavaScript
Ver projeto Ver código
Dashboard do Placa com totais de vendas, pagamentos, custos e lucro estimado do mês
PlacaCaptura do projeto
04 / 06Projeto selecionado

Aplicação web

Placa

Controle de vendas, compras e lucro para plaquinhas de avaliação do Google com NFC.

Painel com indicadores mensais, pagamentos recebidos e pendentes, gráfico de vendas por dia e cálculo de lucro estimado. Salva os dados no navegador e permite exportar e importar backups em JSON.

  • HTML
  • CSS
  • JavaScript
Ver projeto Ver código
Documentação da API de Controle Financeiro com descrição da arquitetura e tecnologias
API de Controle FinanceiroCaptura do projeto
05 / 06Projeto selecionado

Back-end

API de Controle Financeiro

API RESTful para gestão de finanças pessoais, com padrão DTO, Bean Validation e tratamento centralizado de erros.

  • Java
  • Spring Boot
  • PostgreSQL
Ver código

Demonstração ainda não publicada.

Página que reúne atividades de Front-end desenvolvidas durante a faculdade
Projetos básicos de Front-endCaptura do projeto
06 / 06Projeto selecionado

Projetos acadêmicos

Projetos básicos de Front-end

Projetos feitos durante a matéria de Front-end da faculdade, explorando interfaces, responsividade e diferentes tecnologias web.

  • React
  • TypeScript
  • HTML
  • CSS
Ver projeto Ver código

04 / Stack

Ferramentas e tecnologias.

Do front-end aos fundamentos de back-end e dados, com foco em aprender enquanto construo.

01 /

Front-end

  • JavaScript
  • TypeScript
  • React
  • HTML
  • CSS
02 /

Estilização

  • Tailwind CSS
  • Styled-components
03 /

Back-end & linguagens

  • Node.js
  • Java
  • Spring Boot
  • Python
  • C
  • C++
04 /

Banco de dados

  • SQL
  • MySQL
  • PostgreSQL
  • NoSQL

05 / Contato

Tem um projeto ou uma vaga em mente? Vamos conversar.

Se meu perfil fizer sentido para sua equipe ou para o seu projeto, me envie uma mensagem.

joaovitorne.16@gmail.com

Outros canais

LinkedIn GitHub Telefone (44) 99929-7681