PhilflowIO/tsdav

Build web-based UI for calendar migration

Open

#15 geöffnet am 28. Okt. 2025

Auf GitHub ansehen
 (5 Kommentare) (0 Reaktionen) (1 zugewiesene Person)TypeScript (0 Forks)auto 404
enhancementgood first issuephase-3ui

Repository-Metriken

Stars
 (0 Stars)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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

Contributor Guide

Research-Richtung
Verstehe zuerst die vorhandene tsdav Bibliothek und ihr CLI Migrationstool. Richte die Entwicklungsumgebung mit Node.js und TypeScript ein. Wähle React oder Vue.js und erstelle ein Projekt mit Vite. Implementiere den visuellen Konfigurationsbuilder als Formular, integriere OAuth2 für die Google Autorisierung (Weiterleitungsfluss) und baue ein Echtzeit Fortschrittsdashboard mit WebSocket. Speichere den Migrationsverlauf in IndexedDB. Stelle ein responsives Design mit CSS Frameworks wie Tailwind sicher. Teste die UI mit dem tsdav Browsermodus.
Tech Stack
typescriptjavascriptreactvuenodejsexpress
Domain
full stackapi
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
5
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Über 1 Woche
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitJavaScriptReact or Vue.js basics
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
30