← Retour à l’atelier
Dans les coulisses

PWA Invite Console

Une petite console pour gérer les invitations et les appareils des applications Web privées.

Voir sur GitHub
La console sur un ordinateur, avec toutes les applications dans la barre latérale et les appareils de Casierul clasei

À propos du projet

Une page pour l'invitation et l'administration des appareils de chaque application derrière le mécanisme d'invitation.

Il s’agit de la seule interface graphique d’administration – les applications en portaient une chacune, ce qui signifiait plusieurs onglets ouverts et plusieurs endroits à mémoriser. Il vit dans son propre référentiel car il n'appartient à aucune des applications qu'il présente.

Tailscale TLS se termine devant l'auditeur privé, limitant l'accès administratif strictement aux nœuds Tailnet autorisés sans point de terminaison public exposé ni mot de passe codé en dur.

Galerie

Les noms, les destinataires des invitations, les classes et les enfants de ces captures sont anonymisés et floutés.

Sur un ordinateur

Toutes les applications dans la barre latérale, avec les appareils d'une application, leurs rôles et leur état Les invitations d'une application, avec la date de création et d'utilisation de chacune Une nouvelle invitation Casierul clasei avec une classe, le rôle de parent, un enfant et une date de fin d'accès Une nouvelle invitation simple, en thème sombre

Sur téléphone

Les appareils d'une application sur un téléphone Le sélecteur d'applications sur un téléphone, avec icônes et recherche, en thème sombre Une invitation de parent pour Casierul clasei sur un téléphone

Fonctionnalités

  • 🔑 Cycle de vie des invitations unifiées : Générez, partagez, suivez l'expiration et surveillez l'utilisation des liens d'invitation d'applications entre les services à partir d'un seul endroit.
  • 📱 Gestion des appareils : Inspectez les appareils clients inscrits, affichez les derniers horodatages consultés, attribuez des étiquettes conviviales et révoquez instantanément les sessions compromises.
  • 🎟️ Invitations propres à chaque application : Une application peut proposer ses propres options d'accès. Pour Casierul clasei, l'invitation choisit la classe, le rôle, l'enfant pour un parent et la date de fin d'accès, tandis que toutes les autres applications gardent l'invitation simple, en une seule étape.
  • 🌗 Ordinateur et téléphone, clair et sombre : Une barre latérale avec toutes les applications sur ordinateur, un sélecteur d'applications avec recherche sur téléphone, et un thème clair et un thème sombre.
  • 🔒 Sécurité privée Tailnet : Aucune information d'identification stockée dans le code frontal ; authentifié via une injection d'en-tête de proxy inverse privé accessible uniquement via Tailscale.
  • ⚡ PWA à dépendance zéro : Application Vanilla JavaScript monopage avec revalidation immédiate et zéro surcharge du framework.
Poursuivez la découverte

Voir toute la collection ↗