Modern MERN Stack | React Node Express MongoDB

Build a starter REST API with Node.js and Express, test routes with Insomnia or Postman, and organize routes using Express Router under api/todos and api/users.

Master the basics of a rest API with get, post, put, and delete operations on to dos, testing with insomnia, and handling request bodies, params, and json via express.

Learn how Express middleware sits between the request and response, using next to pass control, and implement a delay middleware applied to specific routes for development and production.

Set up a cloud MongoDB Atlas database for a MERN stack, connect with a Node server via Mongoose, and model to-dos and users with schemas.

Review the complete MERN stack project files, from back end server.js to a renamed client folder, highlighting Express setup, env files, and MongoDB Atlas connection; test endpoints with Insomnia.

Register a new user using a Mongoose-backed route in a modern MERN stack, with email/password validation, unique checks, and robust error handling tested via Postman or Insomnia.

Encrypts passwords using bcrypt js and stores hashed values in a Mongoose MongoDB Atlas database. Implements registration and login with hashing, length validation, and secure password comparison.

learn how json web tokens enable authentication in a MERN app by issuing a token on login, storing it on the client, and verifying it with middleware for protected routes.

this lecture explains implementing a verify token middleware for a MERN app, enforcing bearer authorization headers, decoding and validating JWT with a secret, and protecting to-dos with next.

Build and test a full todos api with five endpoints: get all, create, update, delete all, delete one; protected by verify token middleware using bearer tokens, scoped to the user.

Set up the front end with React, Redux Toolkit, and React Router in a client folder, install Bootstrap and icons, and build routing, components, and a top navigation bar.

Learn to build a responsive navbar and footer UI in a React MERN app, integrating Redux for todos and loading, with dynamic props, a spinner, and a clear button.

Build a responsive login and register UI using react and bootstrap, with email and password fields, navigation to the register page, and a loading overlay with a spinner.

Build a responsive home page for a to-do app with a form to add items and a scrollable list rendering todos from the database, using React components and Redux state.

Learn to connect front end to back end with redux thunk and axios, implement register and login using createAsyncThunk, handle loading, store JWT in local storage, and protect routes.

build a full to-do feature in a mern stack app by adding, displaying, editing, deleting, and clearing items via a protected api, using react, redux toolkit, axios, and token-based authentication.

Finish a full stack JavaScript app with React, Node/Express, and MongoDB, and deploy to production via GitHub and platforms like Heroku or Render.