Skip to content

flavianna/trybetunes-project

Repository files navigation

Trybetunes Project


O TrybeTunes é um projeto desenvolvido durante o curso de desenvolvimento web da Trybe. O projeto consiste em uma aplicação web para busca e reprodução de músicas utilizando a API do iTunes.

Funcionalidades

Aqui estão algumas das principais funcionalidades do TrybeTunes:

  • Barra de pesquisa: a aplicação possui uma barra de pesquisa onde o usuário pode buscar por músicas, álbuns e artistas utilizando palavras-chave.

  • Reprodução de músicas: os resultados da pesquisa são exibidos em uma lista e o usuário pode clicar em uma música para reproduzi-la.

  • Criação de playlists: a aplicação permite que o usuário crie playlists personalizadas para salvar suas músicas favoritas. As playlists são salvas no Local Storage do navegador.

  • Visualização de informações: a aplicação exibe informações sobre as músicas, álbuns e artistas pesquisados, incluindo a capa do álbum e o nome do artista.

Experimente a aplicação e explore todas as suas funcionalidades!

Aprendizados

  • Fazer requisições e consumir dados vindos de uma API;

  • Utilizar os ciclos de vida de um componente React;

  • Utilizar a função setState de forma a garantir que um determinado código só é executado após o estado ser atualizado

  • Utilizar o componente BrowserRouter corretamente;

  • Criar rotas, mapeando o caminho da URL com o componente correspondente, via Route;

  • Utilizar o Switch do React Router

  • Criar links de navegação na aplicação com o componente Link;

Rodando localmente

  1. Clone o projeto
  git clone https://github.com/flavianna/trybetunes-project.git
  1. Entre no diretório do projeto
  cd trybetunes-project
  1. Instale as dependências
  npm install
  1. Inicie o servidor
  npm run start

Stacks utilizadas

  • HTML

  • CSS

  • JavaScript

  • React

  • Tailwind CSS

Autora

Este projeto foi desenvolvido por @flavianna para o curso de desenvolvimento web da Trybe.

Licença

Este projeto está sob a licença MIT.