Este projeto se trata de um serviço onde o cliente envia várias fotos do seu tênis e, após pagar uma taxa,
recebe um certificado de originalidade em blockchain que comprova que o tênis não é falsificado.
O desenvolvimento foi complexo por envolver a integração de blockchain com o backend e frontend.
Minha função foi desenvolver o frontend, utilizando HTML, CSS e JavaScript, e entreguei no prazo com um bom resultado final:
Nesse projeto, adquiri conhecimentos importantes sobre regras de HTML e CSS, aprendi a fazer
animações e também aceitei o JavaScript como um "resolvedor mágico" de problemas difíceis.
O JavaScript nos ajudou no login, criando uma animação básica e removendo o botão de login da tela após o login do usuário.
Meu time teve que colaborar e se comunicar bem, utilizando o GitHub.
Esse projeto foi muito importante para que eu aprenda conceitos importantes de frontend e como trabalhar em
grupo em um desenvolvimento de aplicativo.
Uma cliente pediu um site com diversas informações sobre medicina pediátrica, onde o conteúdo fosse visualmente acessível para todos os públicos.
Esse projeto me ajudou a aprender mais sobre utilidades do HTML, CSS e a importância da comunicação com o cliente.
A ideia inicial era um site simples, mas a cliente pediu uma forma de identificar quantos acessos o site teve.
A solução que encontrei foi utilizar o Google Analytics:
Como forma de treinar meu TailwindCSS, fiz esta homenagem que usa um sisteminha de seções onde mostro os momentos mais impactantes de cada jogo 3D
da franquia The Legend of Zelda, da Nintendo. Ao clicar nos logotipos, o usuário é redirecionado para os
momentos. Considero este meu melhor exemplo de UX:
Inicialmente, o projeto era muito pesado devido à quantidade de áudio e vídeo, mas encontrei uma solução usando o "Cloudinary", enviando os arquivos para a nuvem e baixando-os com URLs.
Como forma de treinar minhas habilidades em JavaScript, fiz um curso pago da equipe "Hora de Codar" e desenvolvi um ToDo
onde o usuário pode alterar tags, salvar, editar e excluir dados usando JavaScript:
Mesmo com supervisão, consegui desenvolver e aprender boas técnicas de JS, que vou levar para minha carreira profissional.
Usando principalmente Javascript, criei um "jogo de plataforma", onde os blocos se movem em direção ao jogador, que apenas pula.
A maior dificuldade foi criar a colisão e o HUD, que impactam diretamente a jogabilidade, como encerrar o jogo com um botão e alterar o volume (usando label).
Foi um projeto interessante, onde adicionei alguns sons, como pular, ganhar, perder e marcar pontos.
Coloquei um limite de 50 pontos para que não fosse infinitos, usei as cores temáticas do portfólio e todos os sons usados foram da franquia Mario.
Nesse projeto, utilizei uma API geradora de QR Code e integrei à minha ideia de criar um gerador próprio,
como forma de treinar tanto JavaScript quanto integração com APIs:
Criei um gerador interativo de box-shadow com JS, onde o usuário pode ajustar parâmetros como deslocamento, desfoque,
espalhamento e cor da sombra em tempo real, mostrando tanto o resultado visual quanto o código CSS correspondente.
Foi um ótimo exercício de manipulação do DOM e eventos:
Nesse projeto, criei uma página com muitas imagens e usei o Chrome DevTools para simular uma rede 4G lenta.
Em seguida, implementei lazy loading nas imagens para melhorar o desempenho do carregamento:
Essa implementação mostra como o lazy loading atrasa o carregamento de imagens fora da tela,
reduzindo o tempo de carregamento inicial do site e economizando banda em conexões lentas.
Realizei uma cópia, baseada em uma página antiga do Instagram, utilizando apenas HTML e CSS puro, para questões de treinamento,
como posição das divs, o funcionamento do flexbox e algumas propiedades de CSS (Mobile e Desktop).
HTML e CSS foi usado para clonar a página e Javascript para realizar a transição da cor do Iphone,
ao clicar em um botão, o JS transfere a caracteristica "active" para o selecionado, fazendo a sim a
animação de troca de cor (Mobile e Desktop).