Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/elisaborba/project-song-finder


https://github.com/elisaborba/project-song-finder

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README 

        
# 🎵 SongFinder



Descubra e desfrute de música com essa aplicação, onde os usuários podem visualizar álbuns de artistas, ouvir trechos das músicas e marcar suas faixas favoritas.



## ⚙️ Funcionalidades

Visualização de Álbuns: Os usuários podem visualizar os álbuns de um artista específico.



Reprodução de Trechos de Músicas: Os usuários podem ouvir trechos das músicas de um álbum selecionado.



Marcação de Faixas Favoritas: Os usuários podem marcar as faixas de um álbum como favoritas, permitindo que as encontrem facilmente posteriormente.



Atualização em Tempo Real: As alterações nas faixas favoritas são atualizadas em tempo real na página de favoritos.



## 🛠 Tecnologias utilizadas

_React:_ Uma biblioteca JavaScript para construção de interfaces de usuário.



_React Router:_ Uma biblioteca para roteamento em aplicações React.



_TypeScript:_ Uma linguagem de programação que adiciona tipagem estática opcional ao JavaScript.



_CSS Modules:_ Uma abordagem para escrever CSS onde os nomes das classes são gerados de forma única para evitar conflitos.



### Estrutura do projeto

_src/components:_ Contém os componentes reutilizáveis da aplicação.



_src/services:_ Contém os serviços responsáveis por obter os dados dos álbuns e músicas da API externa.



_src/types.ts:_ Define os tipos utilizados na aplicação.



_src/pages:_ Contém as páginas da aplicação.



_src/images:_ Contém os arquivos de imagem utilizados na aplicação.



### ▶️ Como executar



1️⃣ Instale as dependências:

```

npm install

```

2️⃣ Inicie a aplicação:



```

npm run dev

```