Site Ranking de Artistas

Project overview

### **Escopo do Projeto:** 1. **Coleta de Dados:** O programador deve desenvolver uma maneira automatizada de puxar os dados de: - **Spotify:** Número de ouvintes mensais (Monthly Listeners). - **Instagram:** Número de seguidores (Followers). - **YouTube:** Número de inscritos (Subscribers) e visualizações totais. - **TikTok:** Número de seguidores (Followers). 2. **Exibição no Site:** Os dados extraídos devem ser apresentados no site de forma clara e intuitiva. O ranking pode ser exibido de forma paginada ou com filtros que permitam ao usuário ver dados de artistas específicos, como: - Filtro por **gênero musical** (pagode). - Filtro por **plataforma** (Spotify, Instagram, etc.). 3. **Atualização de Dados:** Os dados devem ser atualizados automaticamente de acordo com uma frequência definida (exemplo: uma vez por dia ou semana). 4. **Design do Site:** - O layout do site deve ser simples e responsivo, com boa visualização tanto em dispositivos móveis quanto desktop. - O ranking pode ser exibido em uma tabela ou lista, mostrando nome do artista, foto (se possível), e números de seguidores/ouvintes para cada plataforma. 5. **Tecnologias e Integrações:** - **Back-end:** O programador deve escolher a melhor tecnologia para coletar os dados de cada plataforma, como **APIs** (se disponíveis). - **Frontend:** Deve ser desenvolvido de forma responsiva, utilizando tecnologias como **HTML5, CSS3, JavaScript** e um framework moderno (como React, Vue.js ou Angular). - **Banco de Dados:** Para armazenar os dados coletados, o programador pode optar por um banco de dados relacional ou NoSQL, dependendo do volume de dados e necessidade de consultas. - **Automação de Coleta:** Ferramentas de automação, como **cron jobs** ou **Webhooks**, podem ser utilizadas para atualizar os dados com a frequência necessária. ### **Requisitos Técnicos:** 1. **API do Spotify:** A API do Spotify permite acessar dados de artistas, incluindo ouvintes mensais. O programador precisará se autenticar com a API e obter o número de ouvintes. Link da documentação: [Spotify Web API](https://developer.spotify.com/documentation/web-api/). 2. **API do Instagram:** O acesso a dados de seguidores no Instagram pode ser feito via API oficial (Instagram Graph API), mas isso exigirá autenticação e permissões adequadas, dependendo da conta. Link da documentação: [Instagram Graph API](https://developers.facebook.com/docs/instagram-api/). 3. **API do YouTube:** A API do YouTube pode ser usada para obter o número de inscritos e visualizações. Link da documentação: [YouTube Data API](https://developers.google.com/youtube/v3). 4. **API do TikTok:** O TikTok não oferece uma API pública tão abrangente quanto as outras plataformas, mas existem métodos de scraping (ou APIs de terceiros) que podem ser usados para coletar dados de seguidores de TikTok. O programador deve verificar as melhores opções aqui. 5. **Armazenamento e Gerenciamento de Dados:** - O banco de dados deverá ser projetado para armazenar os dados dos artistas de forma eficiente, com a possibilidade de fazer consultas rápidas para exibir o ranking. - Considerar também a possibilidade de integrar cache para melhorar o desempenho do site (por exemplo, usando Redis). 6. **Atualização de Dados:** Definir uma frequência para a atualização dos dados (exemplo: diariamente ou semanalmente). Os dados precisam ser atualizados sem a necessidade de intervenção manual. 7. **Segurança e Privacidade:** - Garantir que as chaves de API estejam seguras (não expostas no front-end). - Implementar autenticação para acessar a plataforma, se necessário. ### **Funcionalidades Desejadas:** - **Filtros de Pesquisa:** - Filtro por **plataforma** (Spotify, Instagram, YouTube, TikTok). - Filtro por **artistas** (ex: buscar por nome). - Ordenação por número de seguidores/ouvintes em cada plataforma ou total. - **Interface de Usuário:** - Lista de artistas com nome, foto, e números de ouvintes/seguidores. - Tabelas de rankings para cada plataforma. - Design visual claro e moderno, com foco na usabilidade. - **Detalhes do Artista:** - Ao clicar em um artista, o usuário pode ver mais detalhes, como gráficos de evolução de seguidores/ouvintes ao longo do tempo (se possível). - **Responsividade:** O site deve ser totalmente responsivo, adaptando-se bem em celulares, tablets e desktops.

Category IT & Programming
Subcategory Web development
What is the scope of the project? Medium-sized change
Is this a project or a position? Project
I currently have I have specifications
Required availability As needed
API Integrations Other (Other APIs)
Roles needed Developer, Designer

Delivery term: January 15, 2025

Skills needed