Spotify Clone

Sobre o Projeto

Este repositório contém um projeto de clone do Spotify, uma aplicação full-stack com objetivo de me ajudar a praticar os conceitos iniciais do desenvolvimento Web.

O front-end foi construído com React.js. O back-end foi desenvolvido em Node.js com o framework Express, servindo uma API RESTful para consumir os dados de artistas e músicas, que são armazenados em um banco de dados MongoDB.

Tecnologias Utilizadas

---

Funcionalidades

• Interface inspirada no Spotify.
• Reprodução de músicas com controles de player.
• Conexão entre front-end e back-end via API RESTful.
• Integração com um banco de dados NoSQL (MongoDB).
• Sistema de rotas dinâmicas com React Router DOM para navegação entre os artistas e músicas.

Principais Conceitos Aplicados

• Componentização no React: Divisão da interface em componentes reutilizáveis e de fácil manutenção.
• Hooks do React: Uso de useState, useEffect, useParams e useRef para gerenciar estado, ciclo de vida dos componentes e interações.
• Consumo de API: Utilização do axios para realizar requisições HTTP do front-end para o back-end.
• Servidor com Express.js: Criação de um servidor para gerenciar as rotas da API e servir os dados do banco.
• Manipulação de Banco de Dados NoSQL: Conexão e consulta de coleções no MongoDB.
• Roteamento no Front-end: Implementação de navegação entre páginas sem recarregamento utilizando React Router DOM.