/clone-spotify-imersao

Projeto Spotify Clone desenvolvido durante a Imersão de Front-End da Alura.

Primary LanguageCSS

Spotify Clone - Projeto da Imersão de Front-End Alura 🎵

Este é o projeto Spotify Clone desenvolvido durante a Imersão de Front-End da Alura, com o objetivo principal de proporcionar uma revisão básica e prática das principais tecnologias do front-end, incluindo HTML, CSS e JavaScript. O projeto visa oferecer uma oportunidade para revisar e consolidar os conhecimentos nessas tecnologias fundamentais.

Objetivo do Projeto 🚀

O principal objetivo deste projeto é proporcionar uma revisão básica das principais tecnologias do front-end, incluindo HTML para estruturação do conteúdo, CSS para estilização e JavaScript para interatividade e manipulação dinâmica do DOM. Ao trabalhar neste projeto, os participantes têm a oportunidade de reforçar e aplicar seus conhecimentos em um contexto prático e envolvente.

Conceitos Revisados 📚

  • HTML: Estruturação básica da página.
  • CSS Grid: Implementação do "Grid Inteligente" para ajuste dinâmico ao tamanho do contêiner.
  • Flexbox (Display Flex): Utilizado para estruturar e alinhar elementos na interface.
  • JavaScript: Interação com a API simulada, manipulação do DOM e dinamismo na apresentação de resultados.
  • Responsividade: Adaptação da interface para diferentes tamanhos de tela.

Funcionalidades 🎉

1. Busca de Artistas 🔍:

  • Utiliza uma API simulada com dados JSON para buscar informações sobre artistas.
  • Permite aos usuários inserir o nome do artista na barra de pesquisa.

2. Exibição de Informações do Artista 📸 :

  • Exibe dinamicamente informações do artista, incluindo imagem, nome e categoria.
  • Oferece uma alternância fácil entre a exibição de playlists e informações do artista.