Enhance Claude-React Firebase Apps

I’ve already shipped the core UI for a couple of productivity-focused apps built with Claude-React and backed by Firebase. What’s still missing are the key Firebase services that turn them from prototypes into production-ready tools.

Here’s what I need you to wire up inside the existing codebase:

• Authentication system – please use Firebase Authentication, creating a clean sign-up / login flow. Two roles matter: Admin and Regular User. The role should be stored securely and exposed to the app through context so I can gate features later.

• Real-time database updates – connect the current data layer to Firestore (or the Realtime Database if you prefer) so edits, additions, and deletions propagate instantly across all clients. Offline persistence and sensible error handling are a must.

• Cloud Storage integration – enable file uploads and retrieval, with Firebase Storage security rules reflecting the two user roles above.

I’ll hand over the Git repo and Firebase project, walk you through the current Claude-React structure, and expect:

– Clean, well-commented React code that follows the framework’s conventions
– Security rules committed alongside the source so I can reproduce them
– A short README explaining any environment variables and build steps

Acceptance criteria: a user can register, sign in/out, is assigned the correct role, sees live updates without refresh, and can upload/download files with permissions enforced.

If this sounds straightforward for you, let’s get started and push these apps across the finish line.