Building a Multi-Step Form with MERN Stack Part 2 Backend | Step-by-Step Tutorial

GitHub Code Here 👇

https://github.com/bwestwood11/multi-step-form-example

Private 1 on 1 Help 👇
https://calendly.com/dabrettwestwood/30min

Join my FREE Discord to talk and network about web development! 👇
https://discord.gg/rKXNDnE32N

In this tutorial, you'll learn how to create a multi-step form using the MERN (MongoDB, Express, React, Node.js) stack. Multi-step forms are a great way to improve user experience and gather information in a more organized manner.

Throughout the tutorial, we'll cover important topics like state management, proper techniques, and conditional rendering. By the end of this tutorial, you'll have a fully functional multi-step form that you can customize and use in your own projects. So, join us and take your skills to the next level with MERN stack!

This is part 1 of a 2 part series. In this part we will go over the frontend by creating a React app.

We will style, setup the state, the logic and more so you can get started on your own multi-step form.

If you find this video valuable, please hit that like button and subscribe for more similar content.

Time Stamps
00:00 Intro
00:29 Nodemon
01:19 ExpressJS Setup
02:32 Create a Test GET endpoint
03:59 Create RegisterUser Function
7:59 CORS
11:46 Install Mongoose & setup folders
13:30 MongoDB setup
17:30 Connect MongoDB to frontend
23:58 Create User Schema
30:55 Start connecting state from frontend to backend
36:51 Create a POST endpoint
39:09 Send data to MongoDB from index.js
44:57 Debug express.json()
45:23 Test out application to make sure everything works
48:09 Outro