🎵 Spotify Clone - Imersão Frontend Alura

Este projeto foi desenvolvido durante a Imersão Front-End da Alura, onde o desafio foi recriar a interface da plataforma de streaming de músicas Spotify. No entanto tomei a liberdade de ir um pouco além implementando funcionalidades extras, como preview de músicas e exibição dinâmica de informações, tudo utilizando as informações diretamente do Spotify.

🚀 Tecnologias utilizadas

• Next.js - Para renderização eficiente e melhor experiência do usuário
• Tailwind CSS - Para estilização rápida e responsiva
• Spotify Web API - Para obter previews de músicas e informações de álbuns

🎨 Funcionalidades

✅ Recriação da interface do Spotify com um toque de minimalismo
✅ Preview de músicas diretamente na interface
✅ Exibição de thumbnails dinâmicas dos álbuns e playlists
✅ Interface responsiva e interativa
✅ Busca de músicas dinâmica diretamente da API do Spotify
✅ Data Scrapper direto da API do Spotify

📸 Exemplos da Aplicação

Exemple1.1.0.mp4

📦 Como rodar o projeto localmente

1. Clone este repositório:

   git clone https://github.com/EaCamih/Spotify-Desafio.git

2. Acesse a pasta do projeto:

   cd Spotify-Desafio

3. Instale as dependências:

   npm install

   ou

   yarn install

4. Coloque as credenciais de API:

   SPOTIFY_CLIENT_ID: "CLIENT ID",
   SPOTIFY_CLIENT_SECRET: "CLIENT SECRET"

5. Inicie o servidor de desenvolvimento:

   npm run dev

   ou

   yarn dev

6. Acesse http://localhost:3000 no navegador

🛠 Melhorias Futuras

🔹 Novas telas com novas informações acessíveis pela barra de navegação

📜 Licença

Este projeto está sob a licença MIT. Sinta-se à vontade para contribuir!

---

Desenvolvido pela Camilla Viana 💜