Skip to content

Disco APP — jukebox visual retrô: catálogo responsivo com busca full‑text, cards roláveis e recomendação aleatória a CADA RELOAD. 🎧✨

Notifications You must be signed in to change notification settings

Ita-lodotexe/DiscoApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo Disco App

Jukebox visual retrô: catálogo musical responsivo com busca inteligente.

Sobre   |    Funcionalidades   |    Tecnologias   |    Preview   |    Acessar

Badge Imersão Dev Alura Badge Status Concluído


🎸 Sobre

O Disco APP é uma aplicação web desenvolvida durante a Imersão Dev com Google Gemini da Alura.

O objetivo foi criar uma base de conhecimento interativa. Inspirado na estética de Jukeboxes antigas e lojas de vinil, o projeto vai além de uma lista simples, oferecendo uma experiência visual imersiva onde o usuário pode explorar discografias, conhecer detalhes de álbuns clássicos e receber recomendações.

✨ Funcionalidades

  • 🔍 Busca Full-Text Inteligente: Filtre álbuns não apenas pelo nome, mas também pelo artista, gênero ou palavras-chave na descrição.
  • 🎲 Recomendação Aleatória: Não sabe o que ouvir? A cada recarregamento da página (F5), o app sugere um álbum diferente na aba de "Recomendação da vez 🔥".
  • 📱 Design Responsivo: Layout fluido que se adapta perfeitamente a computadores, tablets e celulares.
  • 🎨 UI/UX Retrô: Efeitos de hover (mouse), sombras e tipografia pensados para remeter à estética musical clássica.
  • 🔗 Integração: Links diretos para ouvir o álbum no Spotify ou YouTube.

🚀 Tecnologias

Esse projeto foi desenvolvido utilizando as tecnologias fundamentais da Web, focando em semântica e performance:

  • HTML5: Estruturação semântica do conteúdo.
  • CSS3: Estilização avançada com Flexbox, Grid Layout e Variáveis CSS (Custom Properties).
  • JavaScript (ES6+): Lógica de busca, manipulação do DOM e renderização dinâmica dos dados a partir de JSON.
  • IA (Google Gemini): Utilizada como "Thought Partner" para geração de massa de dados, refinamento de CSS e lógica de busca.

📸 Preview

Demonstração Desktop

🌐 Como Acessar

Você pode acessar o projeto online clicando no botão abaixo:

Acessar Deploy

🛠️ Como rodar localmente

  1. Clone este repositório:
    git clone https://github.com/Ita-lodotexe/DiscoApp

About

Disco APP — jukebox visual retrô: catálogo responsivo com busca full‑text, cards roláveis e recomendação aleatória a CADA RELOAD. 🎧✨

Topics

Resources

Stars

Watchers

Forks