PhilflowIO/tsdav

Build web-based UI for calendar migration

Open

#15 ouverte le 28 oct. 2025

Voir sur GitHub
 (5 commentaires) (0 réactions) (1 assigné)TypeScript (0 forks)auto 404
enhancementgood first issuephase-3ui

Métriques du dépôt

Stars
 (0 stars)
Métriques de merge PR
 (Métriques PR en attente)

Description

Create a browser-based UI to make migrations more user-friendly.

Requirements:

  • Visual config builder (no JSON editing)
  • OAuth2 flow in browser (popup for Google auth)
  • Real-time progress dashboard
  • Migration history view
  • Responsive design (mobile-friendly)

Technical Details:

  • Frontend: React or Vue.js
  • Backend: Express.js API server
  • Uses tsdav in browser mode (already compatible)
  • OAuth2: Redirect flow instead of refresh token
  • State management: IndexedDB for client-side storage

Estimated Effort: X-Large (15-20 days)

Related to: DAV Migration CLI - Phase 3

Guide contributeur

Direction de recherche
Commencez par comprendre la bibliothèque tsdav existante et son outil de migration CLI. Configurez l'environnement de développement avec Node.js et TypeScript. Choisissez React ou Vue.js et créez un projet avec Vite. Implémentez le constructeur visuel de configuration sous forme de formulaire, intégrez OAuth2 pour l'autorisation Google (flux de redirection) et construisez un tableau de bord de progression en temps réel avec WebSocket. Stockez l'historique de migration dans IndexedDB. Assurez une conception réactive avec des frameworks CSS comme Tailwind. Testez l'interface utilisateur avec le mode navigateur de tsdav.
Stack technique
typescriptjavascriptreactvuenodejsexpress
Domaine
full stackapi
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
5
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Plus d'une semaine
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitJavaScriptReact or Vue.js basics
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
30