0%

/* DESENVOLVEDOR
FULL STACK */

João Vitor | Desenvolvedor Full-Stack & UI/UX

/* WEB DEVELOPER - UI | UX */

/* SOBRE MIM */

Sou desenvolvedor full-stack júnior focado em criar interfaces modernas e funcionais. Trabalho com atenção em detalhes de UI/UX, usabilidade e performance, entregando experiências digitais consistentes.

Transformo ideias em soluções práticas, unindo código, design e boas práticas para construir projetos eficientes e bem estruturados.

/* PROJETOS */

Stranger Things

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.

Captura de tela do projeto Stranger Things

Pringles

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.

Captura de tela do projeto Pringles

Doutor Agenda

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.

Captura de tela do projeto Doutor Agenda

Agência 3D

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.

Captura de tela do projeto Agência 3D

Super Mario Galaxy

Landing page conceitual e animada inspirada no universo Super Mario Galaxy, simulando o site oficial de um filme fictício com visual imersivo, animações avançadas de scroll e efeitos visuais galáticos. Para saber mais sobre as tecnologias utilizadas, acesse o repositório do projeto.

Captura de tela do projeto Super Mario Galaxy

Stockly

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.

Captura de tela do projeto Stockly

/* TECNOLOGIAS */

Ícone da tecnologia HTML5HTML5
Ícone da tecnologia ReactReact
Ícone da tecnologia CSS3CSS3
Ícone da tecnologia JavaScript (ES6+)JavaScript (ES6+)
Ícone da tecnologia GSAPGSAP
Ícone da tecnologia FigmaFigma
Ícone da tecnologia Node.jsNode.js
Ícone da tecnologia GitGit
Ícone da tecnologia GitHubGitHub
Ícone da tecnologia Next.jsNext.js
Ícone da tecnologia TypeScriptTypeScript
Ícone da tecnologia PostgreSQLPostgreSQL