Rate The Band

Link de acesso ao site: https://rate-the-band-2g6n.vercel.app/

Rate the Band é um website que permite explorar uma ampla variedade de artistas usando a API do Deezer por meio de um campo de pesquisa. Em cada página dedicada a um artista, os usuários podem avaliar os artistas em uma escala de 0 a 5, com as avaliações sendo armazenadas localmente. Além disso, os visitantes têm a oportunidade de ouvir trechos de álbuns de seus artistas favoritos.

Como executar o projeto?

  • Certifique-se de ter o NodeJs instalado no computador.
  • terminal: cd rate-the-band
  • terminal: npm install
  • terminal: npm start

Arquitetura do projeto

  • Framework: O projeto é baseado no framework React.js, utilizando a biblioteca create-react-app como ponto de partida.
  • Persistência de Dados: Para a persistência de dados no navegador do usuário, faz uso da funcionalidade de Local Storage.
  • Requisições HTTP: As requisições HTTP são gerenciadas através da biblioteca axios e ajax, proporcionando uma comunicação eficaz com o servidor.
  • Indicadores de Carregamento: Para aprimorar a experiência do usuário, o projeto utiliza a biblioteca react-loader-spinner para exibir indicadores de carregamento durante o processamento de dados.
  • Estilização CSS: A estilização do projeto é implementada com o auxílio do poderoso Styled Components, permitindo uma estilização altamente flexível e modular.
  • Gerenciamento de Formulários: O projeto incorpora o formik para facilitar o gerenciamento de formulários, simplificando a validação e manipulação de entradas de dados.
  • Navegação entre Páginas: As transições entre diferentes páginas são efetuadas com o auxílio do react-router, proporcionando uma navegação fluida e amigável.
  • Single Page Application (SPA): O projeto segue o padrão de SPA, que permite a navegação entre as páginas sem a necessidade de recarregar a página, resultando em uma experiência de usuário mais ágil e interativa.