Olá, eu sou João Vitor

Desenvolvedor Web | Estudante de ADS | Buscando Estágio em TI

Estudante determinado de Análise e Desenvolvimento de Sistemas com 21 anos, em busca de uma oportunidade de estágio em TI. Apaixonado por tecnologia e em constante evolução, criando soluções digitais inovadoras usando HTML, CSS, JavaScript, C/C++, Python, PHP, Node.js e Vue.js.

Sobre Mim

Meu nome é João Vitor, tenho 21 anos e sou estudante de Análise e Desenvolvimento de Sistemas. Sou uma pessoa determinada e apaixonada por tecnologia, sempre em busca de novos conhecimentos e desafios no mundo da programação.

Minha jornada começou com algoritmos básicos em C/C++, onde aprendi os fundamentos da lógica de programação. Evoluí para o desenvolvimento web com HTML, CSS e JavaScript, e hoje estou explorando frameworks modernos como Vue.js e tecnologias backend com Node.js e PHP.

Como estudante de ADS, estou sempre buscando aplicar os conhecimentos teóricos em projetos práticos. Desenvolvi diversos projetos que vão desde clones de interfaces até sistemas completos de gerenciamento com PHP e MySQL, demonstrando minhas habilidades em desenvolvimento web full-stack. Estou em busca de uma oportunidade de estágio em TI onde possa contribuir com minha determinação, aprender com profissionais experientes e crescer na área de desenvolvimento de sistemas. Acredito que a paixão pela tecnologia e a vontade de aprender são os pilares para uma carreira sólida.

Tecnologias

HTML5
CSS3
JavaScript
C/C++
Python
PHP
Node.js
Vue.js
Git
Bootstrap

Meus Projetos

App Clima Vue.js

Como funciona: Aplicação SPA (Single Page Application) que consulta APIs de clima em tempo real. O usuário digita uma cidade e recebe informações como temperatura, umidade e previsão. Desenvolvida com Vue.js 3, Vite para build otimizado e design responsivo.

Tecnologias: Vue.js, JavaScript ES6+, API REST, CSS3, Vite

Vue.js API Weather Vite
Para testar: Clone o repo → cd app_climanpm installnpm run dev

Algoritmos & Estruturas

Coleção de projetos de aprendizado em programação: algoritmos de decisão em C/C++, estruturas de dados, primeiras páginas HTML estáticas e formulários básicos em PHP. Evolução do aprendizado desde lógica até web.

C/C++ HTML PHP Algoritmos
Arquivos .exe e códigos C++ - Para compilar: usar GCC ou Visual Studio

Detective Quest

Como funciona: Jogo investigativo de exploração de mansão utilizando Árvore Binária de Busca (BST). O jogador navega por salas interconectadas, coleta pistas e resolve o mistério. Implementado com alocação dinâmica de memória e estruturas de dados avançadas em C.

Destaques: Binary Search Tree, estruturas dinâmicas, lógica de jogo, gerenciamento de memória

C Estruturas de Dados BST Algoritmos
Para compilar: gcc detective_quest.c -o detective_quest → Execute o .exe gerado

Tetris Stack System

Como funciona: Sistema de gerenciamento de peças do Tetris usando Pilhas e Filas Circulares. Implementa fila de peças futuras e pilha de peças reservadas, simulando a mecânica de um jogo Tetris. Geração aleatória de peças (I, O, T, L) com IDs únicos.

Destaques: Pilhas (Stack), Filas Circulares, geração aleatória, estruturas de dados complexas

C Pilhas Filas TAD
Para compilar: gcc tetris_stack.c -o tetris_stack → Execute o .exe gerado

Sistema de Inventário (Free Fire)

Como funciona: Sistema de gerenciamento de mochila/inventário usando vetores estáticos. Permite adicionar, remover, buscar e listar itens (nome, tipo, quantidade). Inspirado em jogos como Free Fire, implementa CRUD completo de itens.

Destaques: Vetores estáticos, CRUD operations, busca e ordenação, structs em C

C Vetores CRUD Structs
Para compilar: gcc mochila_vetor.c -o mochila → Execute o .exe gerado

Jogo de Estratégia WAR

Como funciona: Simulação do jogo de tabuleiro War (estratégia de territórios). Implementa cadastro de territórios, exércitos coloridos, sistema de tropas e mecânica de ataque entre territórios. Usa vetores dinâmicos e lógica de combate com geração aleatória.

Destaques: Lógica de jogo complexa, structs avançadas, simulação de batalhas, gerenciamento de recursos

C Game Logic Structs Algoritmos
Para compilar: gcc war.c -o war → Execute o .exe gerado

Clone Netflix

Como funciona: Recriação pixel-perfect da interface Netflix usando apenas HTML5 e CSS3. Inclui navegação responsiva, carrosséis de filmes, hover effects e layout grid. Também possui calculadoras interativas em JavaScript para diferentes funções (IMC, financeira, etc.).

Destaques: Design responsivo, animações CSS, JavaScript vanilla, Bootstrap integration

HTML5 CSS3 JavaScript Bootstrap
Site estático: Clique no demo acima para testar online

SimLover - Sistema de Requisição de Peças

Como funciona: Sistema web completo para gerenciamento de requisições de peças e serviços de laboratório. Desenvolvido com backend PHP e MySQL, inclui formulário público de requisição e painel administrativo completo com sistema de workflow (Pendente → Aprovado/Rejeitado → Concluído).

Destaques: Autenticação segura (bcrypt), prepared statements, controle de workflow, filtros avançados, interface moderna

PHP MySQL HTML5 CSS3 JavaScript
Sistema Full-Stack: Aplicação PHP com banco de dados MySQL - Execute localmente com XAMPP

TypeScript & Projetos Avançados

Projetos desenvolvidos em TypeScript demonstrando conhecimento em tipagem estática, POO e padrões de desenvolvimento. Inclui aplicações com melhor estrutura de código e maior escalabilidade.

TypeScript POO Node.js
Projetos TypeScript - Para rodar: npm installnpm run build

Chatbot IA Básica

Como funciona: Interface de chat moderna com sistema de respostas inteligentes em JavaScript puro. Desenvolvido com tema futebol (Messi), inclui reconhecimento de padrões de texto, interface conversacional responsiva estilo WhatsApp e lógica de fallback para respostas contextuais.

Destaques: UI/UX moderno, lógica conversacional, design responsivo, avatar temático

AI Logic UI/UX
Chatbot temático: Converse sobre futebol e teste as respostas inteligentes

Calculadora Convencional

Como funciona: Calculadora convencional simples e funcional desenvolvida em JavaScript vanilla. Interface moderna com design responsivo, suporte a teclado, operações básicas (+, -, ×, ÷), números decimais e funções de limpeza. Design estilo calculadora clássica com display digital.

Destaques: Interface intuitiva, suporte a teclado, design responsivo, operações matemáticas

Math Logic Responsive
Calculadora clássica: Interface moderna com funcionalidades completas e suporte a teclado

Jogo de Xadrez

Como funciona: Jogo de xadrez desenvolvido em JavaScript com interface moderna e responsiva. Inclui todas as regras oficiais do xadrez, movimentação das peças, validação de jogadas, sistema de turnos e interface drag-and-drop para uma experiência fluida de jogo.

Destaques: Lógica completa do xadrez, interface intuitiva, validação de movimentos, design moderno

JavaScript Game Logic CSS3 Interactive
Jogo completo: Todas as regras do xadrez implementadas com interface moderna

Vamos Conversar? Busco Estágio em TI!

🎯 Busco oportunidade de estágio em TI! Estou disponível para estágios em desenvolvimento web, suporte técnico, análise de sistemas ou qualquer área de tecnologia. Como estudante de ADS, tenho flexibilidade de horários e muita vontade de aprender e contribuir com a equipe.

Possuo conhecimento prático em desenvolvimento front-end e back-end, sou proativo, determinado e sempre disposto a enfrentar novos desafios. Entre em contato para conversarmos sobre oportunidades!

Sobre este Portfólio

Este portfólio foi desenvolvido do zero usando HTML5, CSS3 e JavaScript vanilla. Hospedado no GitHub Pages com deploy automático via GitHub Actions.

🔗 Link permanente: joaovitorl10.github.io/portfolio

Tech Stack: HTML5 CSS3 JavaScript GitHub Pages