
A quick introduction to the project followed by a brief description of the first section.
Creating a new Angular project, as well as initializing components and services.
Connecting Angular app to Firebase using the Firebase console, CLI, and AngularFire package.
Auth Service file configuration.
Routes configuration.
Installation and configuration of Angular Material.
Login.ts configuration, setting up onSubmit method.
Creating template driven login form and styling it with angular material.
Creating a user in Firebase console.
Securing home route with login access, by using Angular Auth Guard.
Styling Home Component and building logout functionality.
Adding virtual tour scenes in Pannellum.
Adding info hotspot to virtual tour.
Creating custom styled info hotspot.
Limiting the minimum and maximum range of the vertical view as well as setting a preview image.
Welcome to "Angular 18: Firebase Authentication + Pannellum Virtual Tour"—your complete guide to mastering Angular's latest version, securing applications with Firebase authentication, and adding stunning 360° virtual tours with Pannellum.
In this course, you’ll learn how to build a fully functional Angular v18 application from scratch, focusing on best practices for structuring your project. We’ll dive deep into Firebase Authentication, enabling you to secure your app by implementing login functionality and setting up authentication guards to control access to specific routes. Additionally, you’ll learn how to style your application using Angular Material to create a polished, user-friendly interface.
Beyond the above, this course introduces you to the Pannellum library, where you’ll learn how to create interactive and immersive 360° virtual tours directly within your Angular app. Whether you’re building a real estate website, showcasing a virtual tour, or developing any project requiring panoramic views, this section will empower you to add rich, interactive content to your web applications.
You’ll also discover how to customize the styling of the virtual tours to make them visually appealing and user-friendly, providing an elevated user experience.
This course is designed for web developers eager to expand their skill set by working with Angular v18, Firebase, and Pannellum. By the end, you’ll have a polished project that combines cutting-edge authentication and stunning virtual tours.