Angular App - Firebase Connection & Refactoring

I’m building an Angular application with two reactive forms:

User Account Creation (registration with email + social logins)

Project Posting


These forms are already connected to Firebase in theory, but data only saves partially.

What’s needed:

1. Reactive Forms Fixes

Wire the forms so all data persists correctly into Firebase Realtime Database.

Ensure new users are created via Firebase Authentication, with their UID stored directly in the user record.



2. Replace Mock Data

Current components (Projects, Users, Favorites, Messages, Reviews) still rely on mock JSON.

Refactor so all components stream live data from Realtime Database in real time, using Angular’s reactive programming style.


3. Code Quality

Provide clean, commented code.

Include a short README or inline notes explaining any new services or guards (no heavy documentation needed).




Success Criteria:

Both forms save and edit data correctly in Firebase Realtime Database.

All components show live database data (no mock JSON).

Routes respect Firebase Auth state (auth-protected).

Code is clear and extendable.


Required Skills:

Angular (Reactive Forms, RxJS)

Firebase Authentication

Firebase Realtime Database

TypeScript



---

Only apply if you have a verified profile with a clear track record and relevant Angular + Firebase experience.

Unverified accounts, placeholder profiles, or copy-paste proposals will not be considered.

Please include links to relevant Angular + Firebase projects (GitHub, portfolio, or live demos) in your application.