https://github.com/williamsoares21/frontend-music-stream
Este projeto é uma aplicação de streaming de música criada na Imersão Front-end da Alura. O foco foi desenvolver uma interface interativa onde os usuários podem explorar playlists e adicionar músicas, utilizando HTML, CSS e JavaScript, seguindo boas práticas de desenvolvimento.
https://github.com/williamsoares21/frontend-music-stream
css3 fake-api-json-server front-end-development html5
Last synced: 3 months ago
JSON representation
Este projeto é uma aplicação de streaming de música criada na Imersão Front-end da Alura. O foco foi desenvolver uma interface interativa onde os usuários podem explorar playlists e adicionar músicas, utilizando HTML, CSS e JavaScript, seguindo boas práticas de desenvolvimento.
- Host: GitHub
- URL: https://github.com/williamsoares21/frontend-music-stream
- Owner: WilliamSoares21
- License: mit
- Created: 2025-01-28T15:06:58.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-13T02:42:53.000Z (3 months ago)
- Last Synced: 2025-02-13T03:27:57.723Z (3 months ago)
- Topics: css3, fake-api-json-server, front-end-development, html5
- Language: HTML
- Homepage:
- Size: 919 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎵 Imersão Front-End | Projeto Spotify
Bem-vindo ao repositório do projeto desenvolvido durante a Imersão Front-End da Alura de 2025! Aqui, recriamos a interface do Spotify utilizando HTML, CSS, JavaScript e brevemente React, explorando conceitos do desenvolvimento web.
## 💡 Sobre o Projeto
Este projeto foi criado para fortalecer habilidades como:
- Estruturação de páginas com HTML semântico
- Estilização responsiva com CSS
- Manipulação do DOM usando JavaScript
- Criação de componentes reutilizáveis com React
## 📌 O que foi desenvolvido?
Criamos uma página web inspirada no Spotify, com os seguintes elementos:
- **Header**: Logotipo e menu de navegação
- **Sidebar**: Lista de playlists
- **Conteúdo Principal**: Álbuns e músicas em destaque
- **Player**: Controles de reprodução de músicas
## 🚀 Como Executar o Projeto
1. Clone este repositório ou baixe os arquivos.
2. Abra o terminal na pasta do projeto.
3. Caso esteja na aula 5 ou posterior, execute `npm install` para instalar as dependências.
4. Inicie o servidor com `npm start`.
5. Acesse o projeto no navegador.
📌 **Dica:** Certifique-se de ter o [Node.js](https://nodejs.org/) instalado para rodar o projeto corretamente.
---
Que a música e o código estejam com você! 🎧🚀