O projeto Shioheify foi desenvolvido por mim, enquanto participava do evento online: Maratona do Zero ao Código - IV Edição, realizado pela Kenzie Academy.
A proposta do projeto era desenvolver uma interface inspirada no Spotify, onde poderíamos ouvir as músicas que colocamos no site. Como eu nunca havia tido contato com o front-end de uma forma mais direta, fui fazendo passo a passo, conforme os professores iam avançando no projeto, me atentando aos novos conceitos.
- Diferentes tags e para que servem no HTML
- Como estruturar meu código no CSS
- Anatomia do CSS (seletor, propriedade, valor)
- Como estruturar um código JavaScript
- Variáveis, condicionais, loops e funções em JavaScript
- HTML
- CSS
- JavaScript
Para adicionar novas músicas ao site, basta colocar os arquivos .mp3 na pasta "audio" (src/audio) e a imagem do álbum na pasta "img" (src/img). Após isso, é só criar mais um espaço no array "baseMusicas" com todas as informações, e o programa já irá adicionar a música.
Para executar este projeto no seu computador, basta clicar em "Code" e depois em "Download ZIP":
Ou clone o repositório pelo link:
$ git https://github.com/shioheii/Shioheify.git
Então abra a página "index.html" no navegador.
Observação: Por ser meu primeiro contato com o front-end, o site não foi desenvolvido de forma responsiva, então pode ser que a aparência do site não fique como deveria estar. Resolução de tela ideal: 1920 x 1080.