Skip to content

feat: add Firebase email auth and Firestore cross-device sync#31

Open
wangsc2024 wants to merge 1 commit intomaciekt07:mainfrom
wangsc2024:claude/firebase-auth-sync-6hiKL
Open

feat: add Firebase email auth and Firestore cross-device sync#31
wangsc2024 wants to merge 1 commit intomaciekt07:mainfrom
wangsc2024:claude/firebase-auth-sync-6hiKL

Conversation

@wangsc2024
Copy link
Copy Markdown

Add Firebase Authentication (email/password) with sign up, sign in, and password reset flows. Integrate Firestore for real-time data sync across devices while preserving localStorage guest mode.

New files:

  • Firebase init with offline persistence (services/firebase.ts)
  • Firestore CRUD service with real-time listeners (services/firestoreService.ts)
  • AuthContext/AuthProvider for global auth state
  • useAuth hook for auth operations with zh-TW error messages
  • useFirestoreSync hook with merge logic and debounced writes
  • Auth page with tabbed sign-in/sign-up UI (繁體中文)
  • ForgotPasswordDialog component

Modified:

  • main.tsx: wrap app with AuthProvider
  • router.tsx: add /auth route
  • UserProvider: integrate Firestore sync when authenticated
  • Sidebar: add sign-in menu item / cloud sync indicator
  • LogoutDialog: Firebase sign-out + conditional messaging
  • UserProfile: show auth status and email
  • syncUtils: export mergeTasks/mergeCategories for reuse
  • vite.config: separate firebase chunk

https://claude.ai/code/session_01Thm5M1BQmTCGSZnyXfKJN9

Add Firebase Authentication (email/password) with sign up, sign in,
and password reset flows. Integrate Firestore for real-time data sync
across devices while preserving localStorage guest mode.

New files:
- Firebase init with offline persistence (services/firebase.ts)
- Firestore CRUD service with real-time listeners (services/firestoreService.ts)
- AuthContext/AuthProvider for global auth state
- useAuth hook for auth operations with zh-TW error messages
- useFirestoreSync hook with merge logic and debounced writes
- Auth page with tabbed sign-in/sign-up UI (繁體中文)
- ForgotPasswordDialog component

Modified:
- main.tsx: wrap app with AuthProvider
- router.tsx: add /auth route
- UserProvider: integrate Firestore sync when authenticated
- Sidebar: add sign-in menu item / cloud sync indicator
- LogoutDialog: Firebase sign-out + conditional messaging
- UserProfile: show auth status and email
- syncUtils: export mergeTasks/mergeCategories for reuse
- vite.config: separate firebase chunk

https://claude.ai/code/session_01Thm5M1BQmTCGSZnyXfKJN9
@netlify
Copy link
Copy Markdown

netlify bot commented Feb 18, 2026

Deploy Preview for react-cool-todo-app ready!

Name Link
🔨 Latest commit ed05334
🔍 Latest deploy log https://app.netlify.com/projects/react-cool-todo-app/deploys/6996514c1579ed000864d181
😎 Deploy Preview https://deploy-preview-31--react-cool-todo-app.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants