Natours
Back end e front end da aplicação Natours, projeto desenvolvido no curso Node.js, Express, MongoDB & More: The Complete Bootcamp 2020 do professor Jonas Schmedtmann na Udemy. O back end foi desenvolvido em Node e Express, utilizando como banco de dados o MongoDB. O front end foi desenvolvido em Pug. A aplicação possui tours, usuários e reviews.
Github Overview
Aplicação que consome a API do GitHub. O usuário pode pesquisar por usernames e a aplicação retorna o avatar, username, followers e repositórios. Também é possível ver quatro repositórios do usuário. Há um alerta caso o usuário digite um username que não é válido. A aplicação possui uma versão light e outra dark, e a opção selecionada fica salva no local storage.
Weather Overview: Simple
Aplicação que consome a API do Weatherstack. O usuário digita o nome de uma cidade e a aplicação retorna a descrição do clima, temperatura atual, e um ícone que representa o mesmo. Há um load durante o carregamento. O background do card muda de acordo com o clima, para uma cor que remeta à temperatura e descrição do mesmo. O background da aplicação inteira muda dependendo de caso seja dia ou noite na cidade em questão.
Weather Overview: Complex
Aplicação que consome a API do LocationIQ e Open Weather Map. O usuário digita o nome de uma cidade e a aplicação retorna a descrição do clima, temperatura agora, e um ícone que representa o mesmo. Além disso, retorna a sensação térmica, o UV index, velocidade do vento, humidade, nível de nuvens e pressão. Também há um overview dos próximos sete dias da semana, com ícone e temperatura máxima e mínima.
Portfolio
Desenvolvi essa aplicação para expor os projetos pessoais que tenho desenvolvido. Ela consome um JSON com as informações de cada projeto, e retorna um card para cada um deles, contendo título, descrição, link da aplicação, link do repositório no GitHub, imagem e a stack utilizada no desenvolvimento.
Daily Dog
Aplicação desenvolvida utilizando React, Axios e Styled Components. Consome a API do Dog CEO e toda vez que o botão é clicado, retorna uma foto nova de um cachorro. Enquanto o consumo da API está acontecendo há um loader, e foram utilizados props para passar a imagem para o Styled Components.