This site runs on local browser data. The video shows the full system in action.
Real system walkthrough
Loading video…
| Area | Demo | System ★ |
|---|---|---|
| Frontend | Next.js + Tailwind (this site) | Next.js 16 App Router (server layouts, SEO/OG metadata) + Tailwind, React Query, i18n (en/es/fr/pt), charts, maps, PWA manifest |
| Backend / API | Route Handlers + IndexedDB in the browser | Django + DRF, JWT, Redis (cache, sessions, queues) |
| Persistence | Browser-local data (IndexedDB), reset per session | Postgres + migrations, S3-compatible media storage, Docker Compose |
| Encryption at rest | Plain seed data | AES-256-GCM envelope encryption (PBKDF2 master key, rotatable data keys) for PII, SHA-256 integrity hashes |
| Encryption in transit | Local only, no TLS | TLS terminated at Nginx reverse proxy, HSTS (1 year, preload, subdomains), Secure/HttpOnly cookies |
| Internationalization | English only | Frontend i18next (en/es/fr/pt) + backend Django i18n |
| Scalability & ops | Single static hosting | Nginx → Daphne ASGI + Channels/Redis realtime layer, Celery workers/beat job queue, Prometheus + Grafana + Logstash monitoring |
| Auth & access | 2 fixed accounts, 1-hour session | Google / OAuth2 login, 2FA, role-based access (company, employee, admin), IP whitelists, transactional email (verification, single-use password-reset links) |
| Company staff | Single company user | Full corporate role catalog (C-suite, assistants, HR, receptionist…) with permission matrix |
| Admin panels | Single dashboard per role | Django admin + per-role dashboards (principal, executive, HR, receptionist, billing, verifications) |
| Communication | — | Realtime chat + WebRTC voice/video calls with self-hosted TURN server |
| Team chat | — | One-to-one and group channels with roles, member invites, invite links, and reactions |
| File sharing | PDF download only | Validated chat attachments (images/files) with organized storage and cleanup |
| Verification templates | Fixed built-in templates | Predefined HTML base templates + per-company internal editor with content hashing |
| API keys & developer | — | OAuth2 applications and tokens, API docs, request logs and usage analytics |
| Threat monitoring | — | Security alerts with resolution flow + anomaly detection |
| Security center | — | Settings panel, IP whitelist/blacklist, 2FA codes, linked OAuth2 accounts |
| Sharing | PDF download | Short links (/s/, /d/) + QR codes with usage stats |
| Analytics & risk | Static dashboard counters | Analytics dashboards + anomaly detection |
| Billing | Fixed plan label | Stripe + MercadoPago subscriptions (plans, renewals, history) |
| Developer platform | — | OAuth2 applications, tokens, API docs, request logs |
| Quality | Manual testing | Jest + Testing Library with coverage, Biome lint, CI/CD |
| Infrastructure | Static hosting | Docker Compose, Redis, Postgres, monitoring |