Angular 17 Authentication with Laravel Passport (JWT & Local Storage) Project Demo
This project demonstrates a authentication system for an Angular 17 web application using Laravel Passport, JWT (JSON Web Tokens), and local storage.
Here's what you'll see:
Login and Signup: A user interface for logging in existing users and registering new ones. Credentials will be sent to a Laravel API for validation.
JWT Authentication: Upon successful login, the Laravel API will generate a JWT token for the user. This token will be sent back to the Angular application.
Local Storage: The Angular application will securely store the received JWT token in the user's local storage.
Protected Routes: Certain routes within the Angular application will be protected. Access to these routes will only be granted if the user has a valid JWT token stored in local storage.
User Data Retrieval: The Angular application will demonstrate how to use the JWT token to access user information from the Laravel API.
Logout: Functionality to allow users to log out and remove the JWT token from local storage.