Ultimate Fullstack Template Course

Set up a Node.js backend with mvc, build a Mongoose user model with email validation and bcrypt password hashing, and wire Google login routes and a controller into the server.

Learn to set up insomnia to test APIs, create http requests, verify home and api routes, and simulate Google login via users and callback endpoints, while introducing middleware.

Implement logout in redux logic with a logout get request to the api, handling pending, fulfilled, and rejected states to update loading, clear user data, and show toasts.

Learn to selectively display navigation links based on user login status by using protected components, exporting login state, and wrapping links with show on login and show on logout utilities.

Create an http request and auth service to update the user via patch endpoint, send data through redux auth slice, handle pending and fulfilled, and show a toast on success.

Implement a save photo function that uploads to Cloudinary, saves the URL to MongoDB via a Redux update, and handles validation and errors.

Display the user’s name in the header by creating a profile username component that reads the redux user with useSelector and shortens it to nine characters, ensuring persistence after refresh.

Implement a delete user flow by wiring the delete icon to a confirm alert (react-confirm-alert), pass the user id to the backend, and refresh the user list.

Create and wire the change role component in the user list, manage the selected role with state, and dispatch a redux action to update the user's role.

Build a polished landing page in jsx using hero css, a hero section with two call-to-action buttons (free trial and schedule a call), and a hero image, ready for deployment.

Publish your full stack app by pushing the frontend and backend to GitHub and deploying them on render, ensuring cookie-based authentication works with a shared domain.