Soundsnap : rede social de capas de álbuns musicais.

Abstract

O SoundSnap é uma plataforma web desenvolvida como uma rede social dedicada à visualização, descoberta e interação com capas de álbuns musicais, integrando funcionalidades sociais ao universo da música digital. Criado em React com JavaScript e utilizando a API do Spotify, o sistema permite que os usuários explorem um feed dinâmico de álbuns, visualizem informações detalhadas sobre artistas e construam um perfil personalizado por meio de curtidas e favoritos. O SoundSnap surge da evolução das formas de consumo musical, marcada pela transição das mídias físicas para os serviços de streaming, e atende a uma lacuna existente no mercado: a ausência de plataformas focadas na estética visual das capas de álbuns e na construção de identidade musical por meio da interação social. Assim, além de promover a descoberta de novos conteúdos, o SoundSnap também valoriza o papel cultural das capas e a relação do usuário com sua identidade musical. Do ponto de vista acadêmico e técnico, o projeto constitui um estudo de caso completo que envolve desenvolvimento web moderno, integração com APIs externas, uso de banco de dados SQLite e aplicação de técnicas de testes e metodologias de qualidade de software. O sistema do SoundSnap foi construído com foco em modularidade, escalabilidade e boas práticas de engenharia, utilizando metodologias como TDD para garantir confiabilidade nas funcionalidades essenciais. Foram realizados testes unitários, de integração, de performance e de segurança, assegurando que cada módulo funcionasse como esperado, que os dados fossem processados corretamente e que a experiência do usuário fosse estável e segura. Além disso, o SoundSnap passou por uma avaliação de acessibilidade utilizando o Axe DevTools, identificando ajustes necessários e reforçando o compromisso com a inclusão digital conforme as diretrizes da WCAG 2.1. Dessa forma, o SoundSnap se apresenta como uma solução funcional, culturalmente relevante e tecnicamente estruturada, unindo experiência musical, interação social e boas práticas de desenvolvimento para entregar uma plataforma inovadora e alinhada às demandas contemporâneas do ambiente digital.

SoundSnap is a web-based platform developed as a social network dedicated to the visualization, discovery, and interaction with music album covers, integrating social networking features into the digital music ecosystem. Built with React and JavaScript and powered by the Spotify API, the system enables users to browse a dynamic feed of albums, access detailed artist information, and create personalized profiles through likes and favorites. SoundSnap emerged in response to the evolution of music consumption, marked by the transition from physical media to streaming services, addressing a gap in the market: the lack of platforms focused on the visual aesthetics of album covers and the construction of musical identity through social interaction. In addition to promoting the discovery of new content, SoundSnap highlights the cultural significance of album artwork and its role in shaping users' musical identity. From both academic and technical perspectives, the project constitutes a comprehensive case study involving modern web development, integration with external APIs, the use of an SQLite database, and the application of software testing techniques and quality assurance methodologies. The SoundSnap system was designed with an emphasis on modularity, scalability, and software engineering best practices, employing methodologies such as Test-Driven Development (TDD) to ensure the reliability of its core functionalities. Unit, integration, performance, and security tests were conducted to verify that each module operated as intended, data were processed correctly, and the user experience remained stable and secure. Furthermore, SoundSnap underwent an accessibility evaluation using Axe DevTools, identifying areas for improvement and reinforcing its commitment to digital inclusion in accordance with the WCAG 2.1 guidelines. As a result, SoundSnap is presented as a functional, culturally relevant, and technically robust solution that combines musical experience, social interaction, and software development best practices to deliver an innovative platform aligned with the demands of today's digital environment.