/* 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 →
Finance IA
Riff
FSW Barber
Doutor Agenda
Stockly
Spider-Man
Stranger Things
Pringles
Agência 3D
Finance IA

/* 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

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

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

  2. Bootcamp Full-Stack

    2026
    Full Stack Club

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

  3. Desenvolvimento Web

    2026
    DevArt: Projetos de Valor

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

  4. 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: 23/08/2026