Create a multi-page React app by adding a pages folder with home, register, and login components, plan routing, and apply bootstrap css for responsive styling and authentication features.

Build a Bootstrap navigation bar in React using React Router and NavLink for links, enabling page transitions without reload and styling active links with underline.

Create a centered registration form with name, email, password, and repeat password, enabling login and task dashboard with update and delete actions, using Bootstrap layout and html-to-jsx plugin.

Build a registration form with name, email, password, and confirm password fields, using reusable inputs with dynamic label and type props, plus client-side validation to disable the submit button.

Handle react form submission by preventing default, validating password confirmation, and showing errors with react-hot-toast, while preparing a backend request with axios for name, email, and password.

Set up and overview of the server for the course, detailing express usage, env config, password hashing and jwt-based authentication, routes for signup, signin, reset password, and mongo connection.

Create a login page by adapting the register flow to accept email and password. Validate against backend, manage token and context, navigate home on success, and refactor reusable login button.

Show a loading gif during login and registration by importing an image, implementing a loading state, and passing it to the button to display the gif at 20 pixels high.

Add a bootstrap dropdown menu for the logged-in user, exposing logout and future options like the dashboard, by including bootstrap JavaScript and applying dropdown-toggle and dropdown-menu classes.

Explore implementing the forgot password and reset password flow: submit email, send a reset code via email, verify the code with the new password, and enable login, plus protected routes.

Learn why client-side protections via context or local storage are insecure and guard routes by sending the token in axios headers and verifying it on the server.

Build an auth check middleware that verifies a token from request headers using jwt.verify, attaches decoded user to request, and protects routes by applying middleware across endpoints.

Learn to build a task creation form with a textarea using useState, limit input to 160 characters, and submit via axios to a backend endpoint to create a new task.

Save a new task to the database using a task model, link it to the logged-in user, and populate the response with the poster's name.

Create backend endpoints to update and delete tasks, using a middleware that authenticates the user and authorizes actions only when the task's posted by user matches the logged-in user.