https://github.com/abeatrizsc/spotify

Clone da página home do Spotify, simulando uma API REST com JSON Server para busca de artistas. Feito com HTML, CSS e JavaScript.
https://github.com/abeatrizsc/spotify

api-rest css html imersao-alura imersao-front-end javascript json-api json-server spotify

Last synced: about 2 months ago
JSON representation

Clone da página home do Spotify, simulando uma API REST com JSON Server para busca de artistas. Feito com HTML, CSS e JavaScript.

• Host: GitHub
• URL: https://github.com/abeatrizsc/spotify
• Owner: ABeatrizSC
• License: mit
• Created: 2024-01-22T20:07:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-29T13:06:49.000Z (over 1 year ago)
• Last Synced: 2025-01-20T12:32:00.284Z (3 months ago)
• Topics: api-rest, css, html, imersao-alura, imersao-front-end, javascript, json-api, json-server, spotify
• Language: CSS
• Homepage: https://abeatrizsc.github.io/spotify/
• Size: 934 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
 

    

    

    

    

    

    

    

    

    

    





 

  
Projeto Spotify

    

  [Sobre](#sobre)   |    [Deploy](#deploy)   |    [Utilizacao](#utilizacao)   |    [Instalacoes necessarias](#instalando-json)   |    [Contato](#contato)



https://github.com/ABeatrizSC/spotify/assets/105675205/63b92ae1-cba7-4d2e-b4de-3a6904a04873

📝Sobre



  
Projeto realizado durante o evento online Imersão Front-End da Alura;

  
Página clone do Spotify, com função de busca por artistas integrada a uma API REST simulada a partir do JSON Server (Leia mais sobre);

  
Para maior funcionalidade do projeto, é necessário possuir o NodeJS (NPM) e executar o JSON Server em seu computador (passo a passo abaixo).



🔗Deploy

 Acesse a visualização completa do Projeto Spotify   aqui.


💻Utilização

Feito através do editor Visual Studio Code.

Tecnologias utilizadas:



  


HTML;

  


CSS;

  


JavaScript;

  


JSON Server.



Fonte:



  


Google Fonts.



💾 Instalando e configurando o JSON Server

Para que a busca de artistas funcione, é necessário (após clonar o repositório) ter o NodeJS com o pacote NPM instalado e configurado (baixe-o aqui). Com tudo pronto, basta seguir o passo a passo abaixo para instalar e configurar o JSON Server.

Primeiro passo:

Abra o terminal e, na pasta do projeto, execute o comando para instalar o JSON Server versão 0.17.4.

npm install [email protected]

Segundo passo:

Inicie o servidor, com caminho relativo da API e sua porta padrão.

json-server --watch api-artists/artists.json --port 3000

E pronto.


🔍 Contato:

✉ Email: [email protected] 

🔗 LinkedIn: Ana Beatriz Santucci Carmoni