Create A Simple Booking Component - Full Stack

Опубликовано: 15 Март 2026
на канале: Brett Westwood - Software Engineer
4,300
151

My fav place to learn to code is Scrimba

Get 20% off a subscription with my link 👇
https://scrimba.com/?via=brettwestwood

Using MUI library, Next.js 13, Prisma, MongoDB and Tailwindcss.

In this video, create a simple booking application that will allow your end users to book an appointment with your project/application.

GitHub source Code for Demo
https://github.com/bwestwood11/compet...

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

Join my FREE Discord to talk and network about web development! 👇
  / discord  

I take you step-by-step on how to achieve this.

Time Stamps
0:00 Intro & Demo
1:24 MUI Docs and packages needed
4:01 Localization Provider
6:17 Create the DateCalendar and TimePicker Components
14:58 Send data to backend API route
18:55 Set up Prisma
22:30 Code the API route to send data to database
25:47 Create MongoDB database
28:46 Test out the booking functionality