Vue 3 and Laravel Authentication: Forgot and Reset Password

Install Laravel by installing composer and running terminal commands. Create a Laravel OAuth project using the chosen installer and start the server with artisan serve to verify in the browser.

Set up database and schema, run Laravel migrations to create users, password resets, and jobs tables, then adjust the user model to first name and last name with fillable settings.

Learn how to create and test Laravel routes and a controller, returning simple responses like hello and hello from controller, using Postman and artisan serve to verify API routes.

Learn to register new users via a post request, hash passwords before storage, and return a 201 created response in a Laravel authentication flow.

Learn to build a Laravel custom register request to validate first name, last name, email, and password with password_confirmation matching, enforce unique email, and test using the X-Requested-With header.

Install Laravel Sanctum via composer, publish the provider, and configure Sanctum. Run migrations to create the personal access tokens table, and attach API tokens to the user model.

Use the login function to post email and password to login, return invalid credentials with a 401 unauthorized on failure, and generate a jwt token when authentication succeeds.

Retrieve the authenticated user from the JWT by returning request user, protect the route with OAuth sanctum middleware, and prepare to move from authorization header to cookies.

Learn to use HttpOnly cookies to store a JWT in Laravel. Override the authentication middleware to read the JWT from cookies and forward it as a Bearer token.

Post a logout request to delete the JWT cookie by forgetting it and expiring it. Return a success message, and ensure the user becomes unauthenticated afterward.

Implement forgot password in a Laravel app by generating a token, saving it to the password_resets table, and sending a reset link via MailHog email with a dedicated reset view.

Implement a Laravel reset password flow by adding a request, validating token and password confirmation, fetching the reset record by token, updating the user's hashed password, and returning success.

Install and scaffold a Vue 3 front end for a Laravel authentication app by globally installing the Vue CLI, creating a TypeScript project, and running the dev server.

Create a bootstrap-based navigation and simplify the project. Add login and register pages with home links and routes, and verify navigation works without full page refresh.

Build a register page using Vue 3 for Laravel authentication by adapting the sign-in form, adding first name, last name, and password confirm fields, and preparing for CSRF token integration.

Submit the registration form by calling a submit function, preventing default behavior, and sending a post request with axios to /api/register with user data; on success, redirect to login.

Implement a login flow by wiring email and password inputs, posting with axios credentials, handling a JWT cookie, and redirecting to the home page to fetch the current user.

Display the current logged-in user on the homepage by fetching user data with axios, then greet with the first and last name and offer a log out button.

Define a Vuex-based authentication flow by creating a boolean authentication flag, actions, and mutations, then render and wire a logout button to navigation based on store state.

Create a forgot password flow in a Vue 3 and Laravel app by building a forgot component, capturing email, posting to the forgot endpoint, and displaying notifications.

Develop a reset password component in Vue 3, using axios to post token from the URL, password, and password confirmation to a Laravel backend, then redirect to login after reset.