Executando verificação de segurança...
16

Pitch: Showcase: Criei um PWA de fitness 100% offline, sem frameworks (Vanilla JS) e criptografado no cliente

Olá, pessoal do TabNews!

Sou um Product Designer júnior da Espanha e acabei de terminar o AERKO_. Como estava frustrado com o fato de que qualquer app de fitness básico (como MyFitnessPal ou Hevy) cobra uma assinatura mensal absurda e vende seus dados, decidi criar uma alternativa que respeitasse o usuário e, ao mesmo tempo, entregasse valor.

O objetivo principal era: Zero-Knowledge, zero backend, zero trackers. Aqui estão alguns detalhes técnicos:

  • Zero Frameworks: Nada de React, Vue ou dependências pesadas. Foi tudo escrito em Vanilla JS (bom, tecnicamente não é 100% vanilla porque uso umas 6 bibliotecas rs) estendendo HTMLElement (Web Components nativos). A interface tem uma pegada "brutalista" que lembra uma IDE.

  • 100% Offline (IndexedDB): O app não faz requisições externas para salvar dados. Funciona perfeitamente em academias sem sinal de internet.

  • Criptografia Local (AES-GCM): Para os mais paranoicos, os dados no IndexedDB são criptografados com a Web Crypto API. A chave mestra deriva de um PIN (PBKDF2) e só existe na RAM.

  • IA no Client-Side: Consegui fazer o Google MediaPipe rodar dentro de um Web Worker (criando um DOM falso para "enganá-lo") junto com outras otimizações para analisar a postura e a biomecânica dos 3 básicos (agachamento, supino e terra) em quase qualquer celular, não importa o quão "batata" ele seja.

Sobre o código:
Como venho do design e ainda estou aperfeiçoando meu JS, a maior parte da lógica foi feita com ajuda de IA. O projeto é totalmente gratuito, sem anúncios e está traduzido para Português do Brasil (PT-BR). O código está disponível no GitHub sob a licença Apache 2.0 + Commons Clause (para evitar que empresas parasitas peguem o código e monetizem em cima, então tecnicamente é Source-Available e não Open Source estrito, embora vocês possam tratá-lo como tal para estudos).

Gostaria muito de receber o feedback técnico de vocês, já que quero aprender e melhorar o código. Podem criticar sem dó!

App: https://aerko.app
Repositório: https://github.com/SrPakura/AERKO_PWA

Um abraço da Espanha e obrigado pelo espaço!

Carregando publicação patrocinada...