🎧 Spotify 2024

Projeto realizado dentro da imersão de Fron-End da Alura.

🪧 Vitrine.Dev
✨ Nome	Spotify 2024
🏷️ Tecnologias	react, typescript, sass, styled components, json-server, html, css, js, node, vite, eslint

📃 Detalhes do projeto

O projeto consiste em recriar uma página do Spotify 2024, utilizando uma API funcional em JSON Server para fornecer dados sobre artistas e playlists. O bootcamp conta com a participação e mentoria dos anfitriões:

Guilherme Lima - CEO da Alura

Fernanda Degolin - Desenvolvedora Front-end na Globo

Mayara Cardoso - Desenvolvedora Front-end no Itaú.

📑 Tabela de Conteúdos

• Detalhes do projeto
• Tópicos Desenvolvidos
• Demonstração
  • Home
• Pré-Requisito
• Instalação
• Como usar
  • Subir Servidor
  • Abrir Site
• Tecnologias
• Autor

👩‍🏫 Tópicos desenvolvidos

• Site clone do Spotify 2024
• Desenvolvimento de uma API
• Adaptação para Mobile

👀 Demonstração

Home

desktop.mp4

mobile.mp4

🚨 Pré-requisito

• Node
• JSON Server

⚙ Instalação

1. git clone https://github.com/Epiled/spotify-2024.git
2. cd spotify-2024
3. npm install

👩‍🏫 Como usar

Subir servidor

1. Abra no seu terminal o diretorio "db"
2. json-server playlist.json

Abrir site

1. Abra no seu terminal o diretorio "spotify-2024"
2. npm start
2. Caso a url não abra sozinha acesse através deste caminho http://localhost:5173/

🛠 Tecnologias

As seguintes tecnologias foram usadas na construção deste projeto:

• React
• Typescript
• Sass
• Styled Components
• JSON Server
• HTML5
• CSS3
• JavaScript
• Node.js
• Vite
• ESLint

👨‍💻 Autor

_{Felipe De Andrade}

Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!