https://github.com/epiled/spotify
🎶 Página principal do Spotify de 2017 otimizada e com implementação de PWA 🎶
https://github.com/epiled/spotify
bootstrap bootstrap5 css css3 html html5 javascript js progressive-web-app pwa
Last synced: 3 months ago
JSON representation
🎶 Página principal do Spotify de 2017 otimizada e com implementação de PWA 🎶
- Host: GitHub
- URL: https://github.com/epiled/spotify
- Owner: Epiled
- License: mit
- Created: 2020-05-26T15:20:25.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-10-29T12:53:43.000Z (over 1 year ago)
- Last Synced: 2025-01-20T12:28:10.582Z (4 months ago)
- Topics: bootstrap, bootstrap5, css, css3, html, html5, javascript, js, progressive-web-app, pwa
- Language: HTML
- Homepage: https://epiled.github.io/Spotify/
- Size: 4.89 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README

🟢 🎵 Spotify 2017 🎵 🟢
Primeiro projeto concluido do curso
"Curso completo de Desenvolvimento Web 2018 - Crie 6 projetos"
do professor Jorge Sant' Ana,
este primeiro projeto foi a construção da página de Home do Spotify de 2017 com o modo mobile.O projeto foi refatorado em 2022 para atualizar as tecnologia do Bootstrap 3 para o Bootstrap 5, e remover a dependência do Jquery,
alem disso o projeto passou por otimizações afim de obter melhores resultados de performance.









📑 Tabela de Conteúdos
* [Sobre](#sobre)
* [Demonstração](#demonstracao)
* [Performance](#performance)
* [Instalação](#instalacao)
* [Como usar](#como-usar)
* [Arquivos Locais](#arquivos_locais)
* [Pré-Requisitos](#pre-requisitos)
* [Tecnologias](#tecnologias)
* [Autor](#autor)👀 Demonstração
No link abaixo você pode ver a página no ar e rodar seus próprios teste de perfomance ou desempenho
Spotify: epiled.github.io/spotify/

📈 Performance Lighthouse

⚙ Instalação
```
1. git clone https://github.com/Epiled/Spotify.git
2. cd Spotify
```👩🏫 Como usar
Arquivos Locais
Nesse ponto o projeto já pode ser executado no navegador através do arquivo "index.html" tanto na pasta "src" quanto na "dist"
Para teste de performance e desempenho recomenda-se usar o "index.html" da pasta "dist", já que esse é o arquivo que será colocado no ar
Caso queira testar a ferramenta será necessário cumprir o pré-requisito
Pré-requisito
```
1. npm install
```Para testar a ferramenta de automatização de processos pre-deploy execute o seguinte comando no terminal da pasta Spotify
```
1. gulp build
```🛠 Tecnologias
As seguintes tecnologias foram usadas na construção deste projeto:
👨💻 Autor

Felipe De Andrade
Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!
[](https://www.linkedin.com/in/fademendonca/)
[](mailto:[email protected])
[](https://www.instagram.com/felipe.deam/)
[](https://codepen.io/epiled)