Use Angular, Angular Material, Angularfire (+ Firebase with Firestore) and NgRx to build a real Angular App

Angular (Full App) with Angular Material, Angularfire & NgRx

Name: Angular project implementation facing dependency versioning challenges
Rating: 4.1

InstructorAcademind by Maximilian Schwarzmüller

Duration11h 16m

Students47.2K

Rating4.5 (8,584)

Angular project implementation facing dependency versioning challenges

Strengths

Tooling Integration

The curriculum covers a full stack of frontend tools including Angular Material for UI, NgRx for state management, and Firebase/Firestore for backend services.

Instructional Explanations

Best suited to

Learners wanting a project-sited reference for Angular architecture
Students looking for a walkthrough of NgRx state management

Less suited to

Developers seeking up-to-date standalone component patterns
Learners requiring working Firebase integration out of the box

Editorial course preview

What the public course preview actually shows

These 4 complementary views highlight concrete, legible examples from the course presentation.

A diagram titled 'What is Angularfire?' showing a purple Firebase block at the top and an orange Angular App block at the bottom, connected by three vertical paths labeled REST API — Preview 1 of 4
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.

A screenshot of a Visual Studio Code editor displaying TypeScript code for training.service.ts with functions for fetching exercises and managing subscriptions, alongside a file-ex — Preview 2 of 4
This screenshot shows the training service implementation in an Angular application, demonstrating how to fetch completed exercises from Firebase and manage database subscriptions.

A screenshot of a Visual Studio Code editor displaying TypeScript code for an Angular application. The main window shows the 'training.service.ts' file with a function named 'canc — Preview 3 of 4
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.

A split-screen view showing a mobile app login form with filled fields and a loading spinner on the left, and a developer speaking into a microphone on the right. — Preview 4 of 4
The mobile application interface displays a registration form with entered credentials and a loading indicator, demonstrating the active submission process.

More Angular Web Development courses

Angular - The Complete GuideMaximilian Schwarzmüller4.6 (225K)55h 50m

Universidad Angular - De Cero a Experto - ActualizadoGlobal Mentoring Ing. Ubaldo Acosta4.6 (7,535)56h 21m

Angular & NodeJS - The MEAN Stack GuideMaximilian Schwarzmüller4.4 (25.4K)12h 44m

Build an app with ASPNET Core and Angular from scratchNeil Cummings4.7 (25.6K)32h

Full Stack: Angular and Java Spring Boot E-Commerce WebsiteChad Darby4.6 (11.7K)25h 53m

The Complete Angular Course: Beginner to AdvancedMosh Hamedani4.5 (28K)29h 34m

Learn Angular 2 from Beginner to AdvancedErmin Kreponic4.0 (1,635)10h 6m

Free

React vs Angular vs Vue.js by ExampleGary Simon4.2 (2,847)3h 26m

Angular (Full App) with Angular Material, Angularfire & NgRx