Mostrando 24 projetos

Error Handling e UX no Service Worker de Notificações Push

TI e Programação
Publicado: 4 weeks, 1 day ago

O Service Worker de notificações push existe mas não possui tratamento de erros. Falhas silenciosas causam usuários sem notificações sem saberem. Não há feedback visual ao usuário nem retry logic. O que precisa ser feito: - Adicionar try-catch em todos os event handlers do Service Worker - Feedback visual quando usuário nega permissão de notificações - Retry automático em falha de subscription por erro de rede - Log de erros para o console - Não criar novo sistema — apenas hardening do existente Requisitos técnicos: - JavaScript vanilla (Service Worker API) - Sem quebrar funcionalidade de push existente - UX de negação deve ser discreta (não modal bloqueante) Critérios de aceite: - Nenhuma exceção silenciosa no Service Worker - Usuário vê mensagem clara ao negar permissão - Falha de subscription loga no console - Retry automático após falha transitória de rede

Propostas 0
Experiência pleno
Orçamento R$ 300.00

Feedback Visual e Error Handling no Drag-and-Drop do Kanban

TI e Programação
Publicado: 4 weeks, 1 day ago

O Kanban possui drag-and-drop funcional mas sem feedback visual durante a operação. Não há loading spinner após soltar o card (enquanto o PATCH é enviado), nem rollback em caso de falha de rede. O que precisa ser feito: - Exibir overlay de loading na coluna destino durante o fetch de atualização - Implementar atualização otimista com rollback automático em caso de erro - Criar sistema de toast de sucesso/erro - Tratamento de erro de rede (card retorna à posição original com animação) Requisitos técnicos: - JavaScript vanilla - Toast reutilizável (criar `setup/static/js/utils/toast.js`) - Animação de retorno em CSS Critérios de aceite: - Card exibe overlay translúcido durante o PATCH - Em erro de rede, card retorna à posição original - Toast de erro com mensagem clara ao usuário - Sem regressão no drag-and-drop existente

Propostas 0
Experiência pleno
Orçamento R$ 350.00

Aprimorar UI da Página de Desafios e Ranking (Gamificação)

Design e Multimídia
Publicado: 4 weeks, 1 day ago

O módulo de gamificação existe no backend mas a interface pode carecer de elementos visuais que maximizam engajamento: countdown para fim do desafio, ranking com avatares, badges com animação de unlock, progress bars. O que precisa ser feito: - Countdown timer JS (vanilla) para desafios com prazo - Ranking visual com medalhas: ouro/prata/bronze para top-3 - Animação CSS de 'unlock' para badges recém conquistados (keyframes) - Progress bar animada refletindo score do participante - Não alterar nada no backend Requisitos técnicos: - JavaScript vanilla para o countdown - Animações via CSS keyframes (sem libs externas) - 100% Tailwind - Responsivo e dark mode Critérios de aceite: - Countdown exibe horas:minutos:segundos e some quando encerra - Top-3 com ícones de ouro/prata/bronze - Badge com animação de unlock ao conquistar - Progress bar reflete score / 100 visualmente

Propostas 0
Experiência pleno
Orçamento R$ 450.00

Sistema de Notificações In-App com HTMX Polling

TI e Programação
Publicado: 4 weeks, 1 day ago

A plataforma tem Web Push mas não possui notificações in-app (sininho no header). Usuários sem permissão de push perdem atualizações de propostas aceitas, mensagens e contratos. O que precisa ser feito: - Criar model de Notificação genérico: usuário, tipo, mensagem, url, lida, criado_em - Signals nos eventos chave: proposta aceita, mensagem recebida, projeto iniciado - Endpoint HTMX polling a cada 30s para atualizar badge do sininho - Dropdown com últimas 10 notificações e link para a ação - Marcar todas como lidas via HTMX Stack: Python / Django 5.0 + HTMX (backend + frontend) Requisitos técnicos: - Model de notificação na app de usuários - Polling com hx-trigger no header - Badge com contagem de não lidas - Sem duplicação de notificação para o mesmo evento Critérios de aceite: - Notificação criada ao: proposta aceita, mensagem recebida, projeto iniciado - Badge atualiza a cada 30s sem reload de página - Dropdown lista últimas 10 com link para ação - Marcar como lida funciona via HTMX

Propostas 0
Experiência pleno
Orçamento R$ 550.00