🎵 Spotify Page

Projeto desenvolvido durante a Imersão Front-End da Alura, replicando a página principal do Spotify utilizando HTML, CSS, JavaScript e React.

📌 Índice

• Sobre o Projeto
• Tecnologias Utilizadas
• Funcionalidades
• Aprendizados e Desafios
• Como Executar o Projeto
• Repositório
• Contato

---

📖 Sobre o Projeto

Este projeto foi desenvolvido como parte da Imersão Front-End da Alura, que ocorreu ao longo de uma semana. Durante a imersão, foram apresentados conceitos fundamentais de desenvolvimento web moderno, organização de código e boas práticas utilizadas no mercado de trabalho.

O objetivo foi recriar a página principal do Spotify, aplicando conceitos de responsividade, estruturação de código e interatividade.

---

🚀 Tecnologias Utilizadas

O projeto foi construído utilizando as seguintes tecnologias:

• HTML5 - Estruturação da página
• CSS3 - Estilização e responsividade (media queries, flexbox, variáveis na :root)
• JavaScript (ES6+) - Lógica e funcionalidades, como o campo de busca de artistas
• React - Construção de componentes reutilizáveis e renderização dinâmica

---

✨ Funcionalidades

• 🔹 Estruturação e estilização da página principal do Spotify
• 🔹 Aplicação de media queries para tornar o site responsivo
• 🔹 Uso de variáveis CSS para facilitar ajustes de cores e fontes
• 🔹 Implementação do campo de busca de artistas em JavaScript
• 🔹 Recriação do projeto em React, aplicando seus conceitos fundamentais

---

📚 Aprendizados e Desafios

Este foi um dos meus primeiros grandes projetos utilizando essas tecnologias combinadas. Acompanhar a imersão me permitiu:

✅ Entender boas práticas de organização de código
✅ Aprender a utilizar pastas para estruturar os arquivos
✅ Explorar conceitos de flexbox, variáveis CSS e media queries
✅ Desenvolver lógica em JavaScript, criando funções para o campo de busca
✅ Ter um primeiro contato com React e sua abordagem baseada em componentes

Essa experiência foi essencial para os projetos que desenvolvi depois e contribuiu muito para minha evolução no desenvolvimento web.

---

🛠 Como Executar o Projeto

Para rodar o projeto localmente, siga os passos abaixo:

1. Clone o repositório

   git clone https://github.com/dominuuus/Spotify-Page.git
   
   

2. Acessar em https://dominuuus.github.io/Spotify-Page/