Skip to content

ReactMusic é uma aplicação web de música desenvolvida com React, focada em proporcionar uma experiência de usuário fluida para busca e reprodução de músicas e álbuns. O projeto utiliza a API do iTunes para buscar dados de artistas e músicas, e gerencia o estado da aplicação com Redux.

Notifications You must be signed in to change notification settings

mthalmeida/reactMusic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ReactMusic Logo

ReactMusic

Preview

📘 Sobre o Projeto

ReactMusic é uma aplicação web de música desenvolvida com React, focada em proporcionar uma experiência de usuário fluida para busca e reprodução de músicas e álbuns. O projeto utiliza a API do iTunes para buscar dados de artistas e músicas, e gerencia o estado da aplicação com Redux.


🚀 Funcionalidades

  • Busca de Artistas e Álbuns: Pesquise por seus artistas favoritos e explore seus álbuns.
  • 🎶 Reprodução de Músicas: Ouça prévias de músicas diretamente na aplicação.
  • ❤️ Músicas Favoritas: Adicione e remova músicas da sua lista de favoritos.
  • 👤 Perfis de Usuário: Gerencie suas informações de perfil.
  • 🔒 Autenticação: Sistema de login para acesso personalizado.

⚙️ Tecnologias e Ferramentas

React React Router Redux Redux Thunk React Icons Jest Testing Library Cypress


🏁 Instalação e Execução

🔁 Clonar o Repositório

git clone https://github.com/mthalmeida/ReactMusic.git
cd ReactMusic

📦 Instalar dependências

npm install

▶️ Executar localmente

npm start

🏗️ Gerar build de produção

npm run build

🧪 Executar Testes

npm test

📈 Gerar Relatório de Cobertura de Testes

npm run test-coverage

🌐 Deploy para GitHub Pages

npm run deploy

🧠 Estrutura do Projeto

src/
├── App.js               # Componente principal da aplicação
├── Components/          # Componentes reutilizáveis (Header, MusicCard, MusicPlayer, Loading, PrivateRoute)
├── contexts/            # Contextos globais (MusicPlayerContext)
├── pages/               # Páginas principais da aplicação (Album, Favorites, Login, NotFound, Profile, ProfileEdit, Search)
├── services/            # Chamadas à API e lógica de negócio (favoriteSongsAPI, musicsAPI, searchAlbumsAPI, userAPI)
├── index.css            # Estilos globais
├── index.js             # Ponto de entrada da aplicação
└── setupProxy.js        # Configuração de proxy para API

🤝 Contribuindo

  1. Faça um fork do projeto
  2. Crie uma branch para sua feature: git checkout -b feature/minha-feature
  3. Commit suas mudanças: git commit -m 'feat: minha feature'
  4. Envie para o GitHub: git push origin feature/minha-feature
  5. Abra um Pull Request

📄 Licença

Este projeto está licenciado sob os termos da licença MIT. Veja mais detalhes no arquivo LICENSE.


Desenvolvido com 💙 por Matheus Almeida (Baseado no projeto original ReactMusic)

About

ReactMusic é uma aplicação web de música desenvolvida com React, focada em proporcionar uma experiência de usuário fluida para busca e reprodução de músicas e álbuns. O projeto utiliza a API do iTunes para buscar dados de artistas e músicas, e gerencia o estado da aplicação com Redux.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published