Use Angular, Angular Material, Angularfire (+ Firebase with Firestore) and NgRx to build a real Angular App
InstructorAcademind by Maximilian Schwarzmüller
Free
FreeThe curriculum covers a full stack of frontend tools including Angular Material for UI, NgRx for state management, and Firebase/Firestore for backend services.
Coding explanations are detailed and helpful for understanding core Angular concepts.
Editorial course preview
These 4 complementary views highlight concrete, legible examples from the course presentation.
This architectural diagram illustrates how Angularfire serves as a bridge between an Angular application and Firebase, alongside alternative integration methods like REST APIs and SDKs.
This screenshot shows the training service implementation in an Angular application, demonstrating how to fetch completed exercises from Firebase and manage database subscriptions.
This screenshot displays the implementation of the cancelExercise method in training.service.ts, showing logic to calculate partial duration and calories before updating the state.
The mobile application interface displays a registration form with entered credentials and a loading indicator, demonstrating the active submission process.
The codebase relies on older patterns such as NgModules rather than the modern standalone component standard used in recent Angular versions. This signal predates the displayed course update; the update may have addressed it, but the update label does not prove that it was corrected.
The Firebase and Angularfire setup is reported as broken or highly outdated, which may prevent successful project completion.
The curriculum aligns with the goal of building a practical Angular application for those with basic knowledge.