O Projeto Spotify é uma réplica simplificada e interativa do popular serviço de streaming de música Spotify. Desenvolvido com o objetivo de praticar e demonstrar habilidades em tecnologias modernas de desenvolvimento web full stack, o projeto simula funcionalidades essenciais da plataforma real.
Além do foco técnico, a proposta também visa explorar a integração entre front-end, back-end e banco de dados, com uma interface limpa e responsiva.
Para otimizar o desempenho do projeto em ambiente de hospedagem gratuita, apenas uma música por artista está disponível para reprodução, embora a aplicação esteja preparada para armazenar até 10 músicas por artista no banco de dados.
🔗 Clique aqui para acessar a aplicação online
⚠️ O carregamento inicial pode demorar alguns segundos, pois o projeto está hospedado em um plano gratuito da plataforma Render.
- React – Biblioteca JavaScript para criação de interfaces modernas.
- Vite – Ferramenta de build rápida para projetos front-end.
- HTML5 e CSS3 – Estrutura e estilização das páginas.
- JavaScript – Lógica da aplicação no front-end.
- Node.js – Ambiente de execução para JavaScript no servidor.
- Express.js – Framework para criação de rotas e APIs REST.
- MongoDB – Banco de dados NoSQL para armazenamento dos dados.
-
Clone este repositório:
git clone https://github.com/seu-usuario/projeto-spotify-clone.git
-
Instale as dependências:
# Na pasta /back-end cd back-end npm install # Em seguida, na pasta /front-end cd ../front-end npm install
-
Inicie o servidor back-end:
cd ../back-end node ./api/server.js -
Inicie o front-end:
cd ../front-end npm run dev -
Acesse a aplicação no navegador:
http://localhost:5173/
Contribuições são sempre bem-vindas!
Se você encontrou algum bug, tem sugestões de melhorias ou deseja colaborar, sinta-se à vontade para abrir uma issue ou enviar um pull request.
Este projeto é apenas para fins educacionais e não possui qualquer vínculo com a marca Spotify.