Angular & Loopback - Build a Complete Website from Scratch

Create a user model and extend it with first name, last name, username, and email. Expose api endpoints to create and log in users, using LoopBack and a memory db.

Create a login register feature module with lazy loading in Angular, configure routing and loadChildren, and prepare components for login, register, forget password, and email verification.

Create a page not found component, build login and register components inside a feature module, and configure routing with redirects, router-outlet, and router links.

Design and validate a login form by reusing the register form group, adding email and password with required and email validators, and connect forgot password and register routes.

Design and validate a forgot password form by creating a new login/register component, wiring a form with email validation, and updating routing to navigate to the forgot password page.

Develop a reusable helper service to show alerts using Angular Material's snack bar, backed by a toaster component and entry components for consistent toast messages across features.

Create a constant service in the shared folder to centralize API routes, messages, and local storage keys, using environment variables and static properties for logging and sign up.

Build an angular guard service with canActivate to protect the dashboard by checking the auth token and routing authenticated users to the dashboard, or sign up or log in.

Create and test the Angular log in and register service to call sign-up API via HTTP post, modify user data, and validate responses from the LoopBack backend, including email verification.

Learn how to implement email verification in Loopback, exposing a remote method, updating user status, sending verification emails, and integrating a verification page with an Angular frontend.

Implement a login workflow in LoopBack by adding before and after remote methods, filtering user data, and returning verification status, tokens, and roles for the frontend.

Implement an Angular forgot password flow by wiring a forgot password service and login service to send a reset password email on form submission.

Create and integrate a reset password component in an Angular and LoopBack project, build a form with validators, wire routing, and call the reset password API to update user password.

Implement a logout feature in an Angular and Loopback app by adding a log out user function in a category service that clears local storage and navigates to login page.