Organize suas assinaturas de serviços de vídeo e música, divida os custos com clareza e gerencie vagas ocupadas e disponíveis com facilidade.
A streamingsharingpage é uma aplicação web autoral criada por Alex Santos para solucionar uma dor financeira muito cotidiana: a divisão desorganizada de assinaturas de entretenimento (Netflix, Spotify, Disney+, YouTube Premium). Muitas vezes o titular da conta perde o controle de quem já pagou, quantas vagas ainda restam no plano familiar e qual o valor exato a ser repassado por integrante. A plataforma oferece uma interface visual limpa com cálculo automático em tempo real, badges de status das vagas e persistência no navegador sem exigir criação de conta.
Visão macro de como o projeto processa requisições, gerencia dados e entrega valor técnico com máxima eficiência.
+-----------------------+ +---------------------------+ +-----------------------+
| Entrada de Dados do | ===> | Motor de Cálculo em JS | ===> | Atualização Reativa |
| Plano (Valor & Vagas) | | (Preço Total / Membros) | | da Tabela de Custos |
+-----------------------+ +---------------------------+ +-----------------------+
|
v
+---------------------------+
| Persistência Local |
| (Navegador LocalStorage) |
+---------------------------+
|
v
+---------------------------+
| Cards Visuais com Status |
| (Vago / Ocupado / Pago) |
+---------------------------+Decisões de design, algoritmos e técnicas aplicadas para garantir confiabilidade, segurança e excelência operacional.
Ao informar a mensalidade total do serviço e a quantidade de assentos disponíveis no plano, o motor em JavaScript calcula instantaneamente o valor individual exato por participante, ajustando automaticamente o rateio se alguma vaga permanecer ociosa.
Cada assinatura exibe cards com avatares dos membros e indicadores de estado com cores semânticas: Verde (Pago no mês), Amarelo (Pagamento pendente) e Cinza/Tracejado (Vaga disponível para compartilhamento).
Não requer login, senhas ou armazenamento de dados em servidores externos. Todas as configurações, serviços cadastrados e nomes dos membros ficam armazenados no `localStorage` do navegador do usuário com recuperação instantânea ao recarregar a página.
O layout foi estruturado com CSS Grid e Flexbox com breakpoint fluido, garantindo visualização impecável tanto na tela de um celular quanto em monitores widescreen de alta resolução.
Exemplo concreto de uso, configuração e integração técnica.
// Função de cálculo e sincronização de dados no cliente
function updateSubscriptionSharing(serviceName, totalCost, totalSlots, activeMembers) {
const pricePerSlot = totalSlots > 0 ? (totalCost / totalSlots).toFixed(2) : 0;
const currentCoverage = (activeMembers.length * pricePerSlot).toFixed(2);
const remainingCost = (totalCost - currentCoverage).toFixed(2);
const state = {
service: serviceName,
totalCost,
totalSlots,
pricePerSlot,
members: activeMembers,
updatedAt: new Date().toISOString()
};
localStorage.setItem(`sharing_${serviceName}`, JSON.stringify(state));
return state;
}Esclarecimentos detalhados sobre funcionamento, licenças, compatibilidade e privacidade.
Não. O streamingsharingpage é um aplicativo 100% gratuito e de código aberto desenvolvido para cálculo e organização entre amigos e familiares.
Não. A ferramenta atua como um painel visual e calculadora de transparência; os pagamentos reais são efetuados diretamente entre os membros via Pix ou transferência bancária.
Sim. Por não depender de APIs externas para os cálculos e utilizar LocalStorage, a página funciona completamente offline uma vez carregada.
Sim, você pode adicionar qualquer tipo de assinatura recorrente dividida em grupo, como planos de nuvem, ferramentas de IA ou assinaturas de música.