PhilflowIO/tsdav

Build web-based UI for calendar migration

Open

#15 opened on Oct 28, 2025

View on GitHub
 (5 comments) (0 reactions) (1 assignee)TypeScript (0 forks)auto 404
enhancementgood first issuephase-3ui

Repository metrics

Stars
 (0 stars)
PR merge metrics
 (PR metrics pending)

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

Contributor guide

Research direction
First, understand the existing tsdav library and its CLI migration tool. Set up the development environment with Node.js and TypeScript. Choose React or Vue.js and scaffold a project with Vite. Implement the visual config builder as a form, integrate OAuth2 for Google authorization using a redirect flow, and build a real time progress dashboard with WebSockets. Store migration history in IndexedDB. Ensure responsive design with CSS frameworks like Tailwind. Test the UI with tsdav's browser mode.
Tech stack
typescriptjavascriptreactvuenodejsexpress
Domain
full stackapi
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
5
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Over 1 week
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitJavaScriptReact or Vue.js basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30