https://github.com/luandersonalvesdev/tunes

Music application coming from Apple Music. Search for your artists and favorite your songs.
https://github.com/luandersonalvesdev/tunes

css javascript react react-router reactjs

Last synced: about 2 months ago
JSON representation

Music application coming from Apple Music. Search for your artists and favorite your songs.

• Host: GitHub
• URL: https://github.com/luandersonalvesdev/tunes
• Owner: luandersonalvesdev
• Created: 2023-03-22T02:02:02.000Z (over 3 years ago)
• Default Branch: luanderson-sd-029-a-project-trybetunes
• Last Pushed: 2023-04-17T22:31:24.000Z (about 3 years ago)
• Last Synced: 2025-07-05T14:44:42.415Z (12 months ago)
• Topics: css, javascript, react, react-router, reactjs
• Language: JavaScript
• Homepage: https://luandersonalvesdev.github.io/tunes/#/
• Size: 3.96 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          
># Tunes

## Projeto completo! (CSS em construção)

![preview](./src/assets/github/preview.png)

## Sobre o projeto

        A aplicação "Tunes" é um buscador de músicas vindo da API da iTunes da Apple. Feita em React

        usando o React Router Dom e estilizalção em CSS puro. A API retorna um preview de 29 segundos

        de música.

        Na aplicação o usuário consegue buscar por um artista ou álbum específico, favoritar suas

        músicas preferidas para quando quiser ir ver a lista de todas as músicas favoritadas, 

        editar seu perfil mudando o nome, adicionando um email, a descrição e uma foto.

># 🔗 [Acesse clicando aqui!](https://luandersonalvesdev.github.io/tunes/#/)

## 👨‍💻 APRENDIZADO

- Consumo de dados de `API`.

- Ciclos de vida de um componente.

- Utilização do `BrowserRouter` corretamente.

- Criação de rotas com o `Route`.

- Utilização do `Switch` do `React Router`.

- Criação de links de navegação com o `Link`.

## 🛠️ FERRAMENTAS USADAS 

- React

- React Router Dom

## CONTATO

https://linkedin.com/in/luandersonalvesdev