/* Desenvolvedor Full-Stack */
Rio de Janeiro, Brasil

João Vitor

React  ·  Next.js  ·  TypeScript  ·  IA  ·  Git/GitHub  ·  Node.js

Desenvolvedor full-stack focado em criar interfaces modernas e funcionais.

Visualizar CVEntrar em contatoGitHub
Últimos projetosSaiba mais →
Encurtador de URL
Finance IA
Riff
FSW Barber
Doutor Agenda
Stockly
Spider-Man
Stranger Things
Pringles
Agência 3D
Encurtador de URL

/* SOBRE MIM */

Sou desenvolvedor full-stack focado em construir aplicações web completas — do front-end em React e Next.js ao back-end em Node.js, com deploy em produção. Trabalho com atenção em detalhes de UI/UX, usabilidade e performance, entregando experiências digitais consistentes.

Minha jornada na tecnologia começou em 2025, movida pela curiosidade de entender como a internet funciona. Desde então, venho mergulhando no ecossistema do desenvolvimento web, partindo da base de HTML, CSS e JavaScript para a criação de experiências altamente interativas utilizando GSAP e Three.js.

Ver LinkedInGitHub

/* PROJETOS */

// aplicações full-stack, landing pages e experiências interativas

Encurtador de URL

Encurtador de URL

Finance IA

Finance IA

Riff

Riff

FSW Barber

FSW Barber

Doutor Agenda

Doutor Agenda

Stockly

Stockly

Spider-Man

Spider-Man

Stranger Things

Stranger Things

Pringles

Pringles

Agência 3D

Agência 3D

Encurtador de URL

Node.jsFastifyTypeScriptMongoDBRedisDockerReactClaude

API de encurtamento de URLs com uma tela única para gerar e copiar o link curto. O Redis gera um ID sequencial com INCR, o Hashids o converte num código base62 que esconde a sequência, e o MongoDB guarda a URL original usando esse ID como chave primária. O redirecionamento consulta primeiro o cache no Redis e só cai no banco em caso de miss. Tem rate limit por IP, validação com Zod, documentação OpenAPI, testes com Vitest e CI no GitHub Actions. A arquitetura foi pensada para a AWS e adaptada para rodar inteira em planos gratuitos (Render, MongoDB Atlas e Upstash). Projeto da Imersão Arquitetura de Software com IA.

Finance IA

ReactTypeScriptViteTailwind CSSIA

Simulador de planejamento financeiro pessoal com diagnóstico por IA. São sete perguntas sobre renda, gastos fixos, dívidas e metas: a partir delas o app calcula a sobra mensal, monta um plano com prazo para cada objetivo e pede à IA um diagnóstico em português sobre aqueles números — com uma conversa aberta sobre o próprio plano. Cada simulação vira um endereço próprio e fica no dispositivo de quem usa: não há conta nem servidor de dados. A chave da IA nunca vai para o navegador, fica num proxy no servidor. Projeto final do Bootcamp DIO Santander 2026.

Riff

Next.jsReactTypeScriptPostgreSQLTailwind CSSSupabase

Riff é uma rede social musical que conecta pessoas através do Spotify. Cada usuário cria um perfil com @nome de usuário próprio, conecta sua conta do Spotify e passa a ter uma página pública onde qualquer visitante pode ver o que ele está ouvindo agora, suas músicas e artistas mais ouvidos por período — sem esperar o Wrapped anual.

FSW Barber

Next.jsReactTypeScriptPostgreSQLTailwind CSSPrisma ORM

Aplicação web para agendamento de horários em barbearias. O usuário pesquisa barbearias, visualiza os serviços de cada uma, autentica-se com a conta Google e reserva um horário para o serviço desejado, além de acompanhar e cancelar seus agendamentos. O foco foi entregar uma interface responsiva — desktop e mobile — com fluxo de reserva curto e sem fricção.

Doutor Agenda

ReactNext.jsTailwind CSSNode.jsPostgreSQLDrizzle ORM

Sistema SaaS para agendamento médico construído com React, Next.js e Tailwind CSS. Desafio: otimização de performance e criação de um painel de UI/UX intuitivo para clínicas. Para saber mais sobre as tecnologias utilizadas, acesse o repositório do projeto.

Stockly

Next.jsReactTailwind CSSNode.jsPostgreSQLPrisma ORM

Este projeto consiste em uma aplicação web completa para o controle de estoque e vendas, desenvolvida com o objetivo de aprender a criar soluções full stack robustas. O sistema permite o gerenciamento de produtos, registro de vendas e possui um painel de controle com gráficos de receita em tempo real.

Spider-Man

HTML5CSS3JavaScriptGSAPIA

Landing page do filme Spider-Man: Um Novo Dia, construída com foco em UI/UX e narrativa visual. A navegação é conduzida por animações em GSAP — transições de seção, revelações de texto e efeitos de scroll — que acompanham a atmosfera do filme. Recursos de IA foram usados como apoio na concepção e no refinamento da interface.

Stranger Things

HTML5CSS3JavaScriptGSAPFigma

Este projeto consiste em uma Landing Page inspirada no site oficial da série Stranger Things da Netflix, desenvolvida com foco em UI/UX, experiência imersiva e identidade visual. A interface foi planejada para transmitir a atmosfera da série, respeitando hierarquia visual, consistência de design e boas práticas de front-end.

Pringles

HTML5CSS3JavaScriptGSAPFigma

Assim como o projeto de Stranger Things, este projeto também é uma Landing Page, porém, é inspirada no site oficial da Pringles, desenvolvida com foco em UI/UX, experiência imersiva e identidade visual. A interface foi planejada para transmitir a atmosfera da marca, respeitando hierarquia visual, consistência de design e boas práticas de front-end.

Agência 3D

HTML5CSS3JavaScriptGSAPThree.jsFigma

Landing page imersiva para Agência 3D do grupo WebHub usando bibliotecas avançadas de animação web (GSAP e Three.js). A interface foi planejada para transmitir a atmosfera da marca, respeitando hierarquia visual, consistência de design e boas práticas de front-end. Para saber mais sobre as tecnologias utilizadas, acesse o repositório do projeto.

/* TECNOLOGIAS */

// ecossistema de tecnologias que uso no dia a dia
STACK
FRONT-END
BASE
TOOLS
BACK-END
Next.js
Next.js
React
React
TypeScript
TypeScript
GSAP
GSAP
HTML5
HTML5
CSS3
CSS3
JavaScript
JavaScript
Git
Git
GitHub
GitHub
Figma
Figma
Claude
Claude
Node.js
Node.js
PostgreSQL
PostgreSQL

/* EDUCAÇÃO */

// formação acadêmica e cursos

// formação acadêmica

  1. Análise e Desenvolvimento de Sistemas — Tecnólogo

    2025 — 2028
    Universidade Estácio de SáCursando

  2. Formação Next.js

    2026
    Full Stack Club

    CSR, SSR, SSG & ISR · Client e Server Components · Composition Pattern · App Router e rotas · Streaming & Suspense · Data Fetching · Caching & Revalidations · Server Actions · build e deploy na Vercel.

// cursos complementares

  1. Imersão Arquitetura de Software com IA

    2026
    Full Stack Club

    Imersão de 6 horas arquitetando um encurtador de URLs, da concepção ao deploy na AWS, dimensionado para 11.600 leituras e 1.160 escritas por segundo. System design, estimativa de capacidade, escalabilidade horizontal, load balancing, replicação de dados, containerização e deploy na AWS com Fargate.

  2. IBM Bob: IA de Nível Empresarial para Desenvolvedores e Tech Leaders

    2026
    DIO

    Uso de IA assistida em fluxos de desenvolvimento: geração e revisão de código, automação de tarefas, integração com MCP, criação de skills e modos personalizados, e boas práticas de engenharia com IA de nível empresarial.

  3. Santander Bootcamp 2026 — AI React Front-end

    2026
    DIO

    Trilha de 42 horas em React 19, Vite, JavaScript ES6 e UI/UX Design. Projeto final: um educador financeiro inteligente, com diagnóstico gerado pela API do Gemini.

  4. Bootcamp Full-Stack

    2026
    Full Stack Club

    Construção de um SaaS completo com Next.js, React e Node.js.

  5. Desenvolvimento Web

    2026
    DevArt: Projetos de Valor

    HTML5, CSS3, JavaScript, GSAP e animações avançadas.

  6. HTML5, CSS3 e JavaScript

    2025
    Curso em Vídeo

    Fundamentos da web, semântica e boas práticas de código.

// Em constante evolução

/* CONTATO */

// aberto a freelas, vagas full-stack e projetos colaborativos
// vagas e oportunidades

Aberto a oportunidades full-stack

Procuro posições júnior ou de estágio em desenvolvimento web e full-stack, no Rio de Janeiro ou remoto. Se o perfil fizer sentido para o time, meu currículo está a um clique.
Júnior / Estágio
Remoto, híbrido ou presencial
CLT ou PJ
Disponível para novos projetos

Do protótipo ao deploy em produção.

Conte sobre a ideia, o prazo e o que já existe. Respondo com um plano inicial e os próximos passos.
Enviar email
// costumo responder em até 24h
© 2026 joaoviitordev · Última atualização: 19/10/2026