🎵 Code Beats

Veja o app em ação — GIF animado mostrando login, busca de artistas e reprodução de músicas

---

🚀 Sobre o Projeto

🎵 Code Beats é uma aplicação web interativa que permite ao usuário:

• Fazer login
• Pesquisar artistas ou bandas
• Listar álbuns disponíveis
• Visualizar músicas de um álbum
• Reproduzir prévias das músicas
• Favoritar e desfavoritar músicas
• Visualizar a lista de músicas favoritadas
• Visualizar e editar o perfil do usuário

Feito com React + TypeScript, com TailwindCSS planejado para estilização, trazendo uma interface moderna, responsiva e interativa.

---

💻 Demo / Preview

🎬 Demo Online (adicione o link do deploy do projeto)

---

✨ Habilidades Desenvolvidas

• Fazer requisições e consumir dados de APIs externas
• Utilizar useState e useEffect
• Criar rotas com BrowserRouter, Routes e Route do React Router Dom
• Criar links de navegação com o componente Link
• Testes com React Testing Library (RTL)

---

🛠️ Tecnologias

• ⚛️ React
• 🟦 TypeScript
• 🎨 TailwindCSS (em implementação)
• 🌀 Vite
• 📦 clsx

---

📂 Estrutura do Projeto

code-beats/
├── public/
├── src/
│ ├── assets/      # Imagens, ícones e sons
│ ├── components/       # Componentes reutilizáveis (Header, Layout, MusicCard, AlbumCard, Loading)
│ ├── contexts/       # Contextos (ex: MusicContext)
│ ├── hooks/       # Hooks customizados
│ ├── pages/       # Páginas (Login, Search, Album, Favorites, Profile)
│ ├── services/       # Funções para consumir APIs (musicsAPI, searchAlbumsAPI, userAPI)
│ ├── styles/       # Estilos globais / TailwindCSS
│ └── App.tsx       # Componente raiz
├── package.json
└── README.md

---

✨ Funcionalidades Principais

---

🛠️ Como Rodar o Projeto

# Clonar o repositório
git clone https://github.com/SEU-USUARIO/code-beats.git

# Entrar na pasta
cd code-beats

# Instalar dependências
npm install

# Rodar em ambiente de desenvolvimento
npm run dev

# Gerar build de produção
npm run build

📌 Contribuição

1️⃣ Faça um fork do projeto
2️⃣ Crie sua branch: git checkout -b minha-feature
3️⃣ Commit: git commit -m "feat: minha nova feature"
4️⃣ Push: git push origin minha-feature
5️⃣ Abra um Pull Request 🚀
📄 Licença

Este projeto está sob a licença MIT.
Veja o arquivo LICENSE para mais detalhes.
👨‍💻 Autor

Feito com ❤️ por Yan Chapetta 🚀
📩 LinkedIn
| 🌐 Portfólio: Em construção