AplicaĆ§Ć£o utilizando React com componentes de classe desenvolvido durante o mĆ³dulo de frontend da Trybe.
- - Uma tela simples onde o usuĆ”rio informa seu nome para endereƧƔ-lo enquanto usa a aplicaĆ§Ć£o, o botĆ£o para login tem uma simples validaĆ§Ć£o que nĆ£o habilita o botĆ£o caso o nome seja inferior a 2 caracteres, esse nome ficarĆ” visĆvel durante a navegaĆ§Ć£o do usuĆ”rio pela aplicaĆ§Ć£o.
- - Tela responsĆ”vel por capturar um artista para requisitar na API do Itunes os Ć”lbuns desse artista. Caso nĆ£o haja ocorrĆŖncias renderiza-se a mensagem que nenhum Ć”lbum foi encontrado, em caso positivo os cards representando Ć”lbuns e singles sĆ£o renderizados com link de acesso para a pĆ”gina do Ćlbum/Single.
- - Nessa pĆ”gina renderizamos pequenas caixas com o preview da mĆŗsica pelo Itunes com um checkbox que dĆ” a opĆ§Ć£o de favoritar/desfavoritar a faixa.
- - PĆ”gina que concentra as mĆŗsicas favoritadas da pessoa usuĆ”ria, aqui sĆ£o renderizados os previews de cada faixa que foi favoritada visitando diferentes Ć”lbuns/singles com opĆ§Ć£o de desfavoritar.
- -
Tela que mostra as informaƧƵes da pessoa usuĆ”ria, inicialmente renderizando somente o nome informado no login com a opĆ§Ć£o de Editar e inserir mais informaƧƵes, como um email, uma breve descriĆ§Ć£o com restriĆ§Ć£o de 140 caracteres e uma URL de uma imagem para ser mostrada no Profile.
Importante: Os arquivos no caminho ./src/services foram funƧƵes auxiliares que simulam requisiƧƵes ao interagir com o localStorage do browser e garantindo que as chaves que vamos interagir durante a apliacaĆ§Ć£o existam e foram desenvolvidas pelo Trybe. Foi de minha autoria os arquivos localizados na pasta ./src/pages e ./src/components e ./index.css
