Portifólio
Dogs
O projeto Dogs foi elaborado dentro do curso de React da Origamid.
Nele foram utilizados CSS, JavaScript e React para codificar a aplicação.
Na aplicação (que utiliza basicamente React) é possível adicionar usuários (utilizando uma API desenvolvida em outro curso), resetar senha, postar fotos, deletar fotos, comentar em fotos da rede social e checar estatísticas do usuário.
A API que está sendo utilizada é hosteada pelo curso Origamid, dessa forma, os dados são deletados periodicamente. Portanto, se você estiver testando o site e for deslogado ou se suas fotos desaparecerem, esse é o motivo.
Ainda há pontos de melhoria que serão analisados mais à frente.
As páginas são responsivas.
Bikcraft
O projeto Bikcraft foi elaborado dentro dos cursos de HTML/CSS Básico e UI básico da Origamid.
Nele foram utilizados HTML, CSS, JavaScript, Figma e conceitos de UI design para desenhar as páginas e para codificá-las.
As páginas são responsivas.
Animais
Fantasticos
O projeto Animais Fantasticos foi elaborado dentro do curso de JavaScript Completo ES6 da Origamid.
Nele foram utilizados HTML, CSS e JavaScript. para desenhar a página e para codificá-la.
O JavaScript foi utilizado para ajustar o scroll mais suave para as seções, fazer aparecer texto de acordo com a imagem clicada, fazer o accordion para a seção de FAQ, fazer com que as seções apareçam suavemente conforme o scroll do usuário pela página e o menu drop-down. Além disso, o slide de fotos foi criado de forma separada e adicionado ao projeto, FETCH foi utilizado para acessar aos números dos animais e o valor da bitcoin, há um cálculo feito no horário de funcionamento da loja e o horário local da máquina para verificar se a loja está aberta ou não, uma tooltip para inserir informação extra sobre o mapa e um modal para login. Grande parte do projeto foi refatorado e transformado em classes para que os módulos possam ser utilizados em outros projetos.
A página é responsiva.
Surfbot
O projeto Surfbot foi elaborado dentro do curso de UI Design avançado da Origamid.
Nele foram utilizados Figma, HTML e CSS para desenhar e codificar a página.
A página é responsiva.
Flexblog
O projeto Flexblog foi elaborado dentro do curso de CSS: Flexbox da Origamid.
Nele foram utilizados HTML e CSS (com foco no display Flex) para codificar a página.
A página é responsiva.
Wildbeast
O projeto Wildbeast foi elaborado dentro do curso de CSS: Grid Layout da Origamid.
Nele foram utilizados HTML e CSS (com foco no display Grid) para codificar a página.
A página é responsiva.
Elementos
com JS
O projeto Elementos com JavaScript foi elaborado dentro do curso de JavaScript da Origamid.
Nele foram utilizados HTML e CSS, mas o foco foi utilizar o JavaScript para criar diferentes elementos.
Os elementos criados são: 1 - Um criador de botões onde é possível copiar o código CSS gerado a partir do que foi criado; 2- Um cronômetro que inicia, pausa e pode ser resetado; 3 - Um dado que gera valores aleatórios quando clicado; 4 - Um elemento que utiliza FETCH para buscar informações sobre o preço do BITCOIN em reais; 5 - Um elemento que utiliza FETCH para buscar um CEP informado e retorna dados sobre o CEP; 6 - Um elemento que utiliza FETCH para buscar piadas sobre o Chuck Norris que retorna uma piada diferente quando clicado o botão de Next Joke.
A página é responsiva.
expensesApp
O componente expensesApp foi elaborado dentro do curso de React da Udemy.
Nele foram utilizados React, JavaScript e CSS para codificar e estilizar a página.
É um componente simples que recebe informações sobre despesas e as mostra em uma área. Ele também contém um filtro para selecionar despesas por ano e gráficos para comparar o total de gastos por mês.
loginAPP
O componente loginAPP foi elaborado dentro do curso de React da Udemy.
Nele foram utilizados React, JavaScript e CSS para codificar e estilizar a página.
É um componente simples que recebe um usuário e uma senha. Ele faz uma checagem simples interna apenas para verificar se há um e-mail válido e uma senha de 7 caracteres. Caso o usuário use um login válido e atualize a página, a página continua com o login ativo. É preciso deslogar para que se possa logar novamente.
goalApp
O componente goalApp foi elaborado dentro do curso de React da Udemy.
Nele foram utilizados React, JavaScript e CSS para codificar e estilizar a página.
É um componente simples que recebe objetivos e os mostra abaixo em um outro campo. Ao clicarmos em um objetivo, ele é excluído.
usersApp
O componente usersApp foi elaborado dentro do curso de React da Udemy.
Nele foram utilizados React, JavaScript e CSS para codificar e estilizar a página.
É um componente simples que recebe um usuário e sua idade e os mostra em uma área abaixo do campo. Caso nada seja colocado nos campos ou uma idade negativa seja colocada no campo, uma mensagem de erro aparece em formato pop-up.
produtosApp
O componente produtosApp foi elaborado dentro do curso de React da Origamid
Nele foram utilizadosReact, JavaScript e CSS para codificar e estilizar a página
É um componente simples que usa react-router-dom para estabelecer rotas dentro da aplicação. Também usa FETCH para buscar informação sobre produtos em uma API de um curso da Origamid. Ele usa a informação encontrada para mostrar na tela fotos e detalhes de cada produto disponível na API.
testApp
O componente testApp (questionarioApp) é um exercício simples elaborado dentro do curso de React da Origamid.
Nele foram utilizados React, JavaScript e CSS para codificar e estilizar a página.
É um componente simples que possui 4 perguntas, recebe as respostas do usuário, atualiza tudo reativamente, conta a quantidade de acertos (ele considera respostas em branco como erradas) e retorna o resultado ao final.
formApp
O componente formApp (formularioApp) é um exercício simples elaborado dentro do curso de React da Origamid.
Nele foram utilizados React, JavaScript e CSS para codificar e estilizar a página.
É um componente simples que trabalha com FORM e diferentes tipos de INPUT. É possível selecionar elementos de um susposto produto e podemos visualizar as informações selecionadas antes de enviar o formulário.
Pokedex
O projeto Pokedex é uma versão simples onde, ao clicarmos no thumbnail de um dos Pokémons, temos como resulado algumas informações como seu número na pokedex, tipo, foto, status e moves.
Nesse projeto foram utilizados HTML, CSS e JavaScript para desenhar as páginas e codificá-las.
A página é responsiva.
RPG:
Os Trapalhões
O projeto RPG: As Aventuras dos Trapalhões - A ilha dos Dinossauros é uma releitura de uma revistinha de 1993 dos Trapalhões que continha uma historinha RPG do tipo aventura de texto.
Nela, era possível passar pela história e enfrentar desafios, atacar inimigos, sofrer penalidades, ser derrotado, ser vitorioso e recomeçar o jogo quantas vezes fossem necessárias para chegar até o final da aventura!
O objetivo era fazer uma versão virtual (não é a versão final ainda, ainda quero implementar mais coisas) para que o meu irmãozinho pudesse jogar.
Assim, eu editei algumas coisas na história e troquei alguns termos para que ficasse mais fácil para ele entender e para que ele se interessasse pela história.
Nesse projeto foram utilizados HTML, CSS e JavaScript para desenhar as páginas e para codificá-las. O código é super simples, pois o foco era na história e recortar e colar as figuras e montar todas as ramificações da história foi trabalhoso.
As páginas são responsivas.
Meu portifólio no Behance
No meu portifólio disponível no site da Behance(Adobe) é possível visualizar alguns trabalhos com arte digital/ilustração/sound design/animação/fotografia que eu elaborei durante esses anos.
LINK PARA A PÁGINA