a computer screen with a bunch of code on it

João Victor

Parreiras Soares

Desenvolvedor web full-stack com projetos inovadores e habilidades em front-end e back-end.

Meus Projetos

Explore meus trabalhos em desenvolvimento web full-stack.

CRUD em Javascript com localStorage
CRUD em Javascript com localStorage
Sistema de CRUD em HTML, CSS e Javascript com armazenamento em localStorage

Uma aplicação web responsiva para gerenciamento de funcionários, em que exibimos os cadastros de funcionários em uma tabela com as colunas: Nome, Função e Salário (R$). Utilizei HTML e CSS para compor a estrutura do website e javascript para a lógica de armazenamento temporário na memória do navegador do cliente, operando pela tecnologia localStorage as ações de inclusão, exibição, atualização e deleção dos cadastros de funcionários. Foi utilizada técnicas de gestão de dados em banco de dados (operações de manipulação de dados como inclusão, seleção, atualização e exclusão de registros) e conhecimentos em localStorage e JSON.

O projeto foi uma inspiração do canal no YouTube da Will Dev.

Disponível em: https://www.youtube.com/@will_devv.

Vídeo do YouTude: https://www.youtube.com/watch?v=JxtQJ8P0ekE.

Calculadora de IMC em HTML, CSS e Javascript
Calculadora de IMC em HTML, CSS e Javascript
Calculadora de IMC feita em HTML, CSS e Javascript

Uma calculadora simples feita em HTML, CSS e javascript para os usuários descobrirem qual é o seu IMC e, através dele, a condição em que se encontra o seu peso. Feita de modo bem simples em HTML e estilizada em CSS (com display flex como base para o layout) e o javascript servindo como lógica para atuar no cálculo de IMC e devolver ao usuário o resultado das variáveis passadas (peso em km e altura em m) e a condição em que, a depender de cada resultado, o peso do usuário se encontra na tabela do IMC.

O projeto foi uma inspiração do canal no YouTube da Larissa Kich.

Disponível em: https://www.youtube.com/@larissakich

Cronômetro em HTML, CSS e Javascript
Cronômetro em HTML, CSS e Javascript
Cronômetro feito em HTML, CSS e Javascript

Um cronômetro feito em HTML e CSS (base da estrutura da página web) e javascript (lógica por trás da aplicação que simula o comportamento real de um cronômetro na tela do navegador do usuário). Utilizado HTML, para estruturar a página, CSS para estilizar e montar o layout dos componentes e a hierarquia de cada elemento em HTML de modo a manter um layout flexível, display flex, e javascript para interação do usuários com os botões e simular o decorrer do tempo, com o uso de funções como setInterval() e manipulação de Arrays e formatação de dados.

O projeto foi uma inspiração do canal no YouTube da Larissa Kich.

Disponível em: https://www.youtube.com/@larissakich

Leitor e Gerador de QR Code feito em HTML, CSS e Javascript

Uma aplicação web responsiva para ler e gerar QR Codes através de links ativos ou passar uma imagem QR code no campo HTML input do tipo file (arquivo) para a imagem ser traduzida e convertida em link ativo e vice-versa. Foi utilizado HTML, para estrutura a página web, CSS para estilizar e montar o layout com display flex e responsividade e o javascript para a lógica de passar uma string (link) pelo campo input ou um arquivo e convertê-lo, através de uma API qrcode.js para um QR code ou link ativo. Foi utilizada técnicas de formatação de dados, HTTP requests em javascript, API Rest, JSON e tratamento de requisições web em javascript.

O projeto foi uma inspiração do canal no YouTube da CodingNepal.

Disponível em: https://www.youtube.com/@CodingNepal.

Vídeo do YouTube: https://www.youtube.com/watch?v=pv5K28zVepE&t=53s.

Experiência Profissional

Sou um desenvolvedor web com experiência em front-end e back-end, pronto para novos desafios.

Experiência

Desenvolvedor Web Full-Stack

Trabalho com projetos que abrangem tanto o front-end quanto o back-end de aplicações em ambiente web, utilizando de linguagens de programação como Javascript, React, PHP e Python.

a computer screen with a bunch of code on it
a computer screen with a bunch of code on it
Projetos e Habilidades

Experimente um envolvimento excepcional. Nosso design inovador e interface centrada no usuário garantem que seu site atraia e retenha visitantes com sucesso.

QR code para o meu GitHub
QR code para o meu GitHub

GitHub

Minhas Tecnologias

Explore as principais tecnologias que utilizo para desenvolver projetos modernos e eficientes.

text
text
Front-end

JavaScript, HTML, CSS, React, Bootstrap e jQuery para interfaces dinâmicas.

Back-end

PHP, Python, SQL e API REST para lógica e gerenciamento de dados.

Ferramentas

Git, GitHub, SASS e Flash para controle de versão e estilos avançados.