Episode 19 • Creating Rent-a-Car App with Vue and October

Making Reservation

In this episode we are going to finish the checkout process and and make reservation in our OctoberCMS, Vue and Vuex application.

In the last episode we created a confirmation page for our checkout process. Now we are going to go into OctoberCMS, create a Reservation model, make relations with our Users and Vehicles and create a route that will create the actual reservation using PHP.

After that, in Vue, we are going to create methods that will send collected data to that route and make the reservation. We are also going to learn how to protect that route so that not just anybody can make that reservation.

And unfortunately we are going to run into some trouble, but I will show you how to make it work anyways.

You will need this plugin to make everything work.

Download code
  • Episode 01 • Duration 15:44

    October Setup

  • Episode 02 • Duration 13:27

    Vue Setup

  • Episode 03 • Duration 23:22

    Tailwind CSS

  • Episode 04 • Duration 21:05

    What is Vuex?

  • Episode 05 • Duration 18:33

    Homepage UI

  • Episode 06 • Duration 15:19

    Locations API

  • Episode 07 • Duration 08:28

    Connecting Locations and Vehicles

  • Episode 08 • Duration 19:07

    Filtering By Location

  • Episode 09 • Duration 07:36

    Filtering On API

  • Episode 10 • Duration 18:07

    Vehicle API

  • Episode 11 • Duration 10:25

    Availability

  • Episode 12 • Duration 13:36

    Router

  • Episode 13 • Duration 11:30

    Dates Backend

  • Episode 14 • Duration 28:04

    Dates Frontend

  • Episode 15 • Duration 15:06

    Luxon

  • Episode 16 • Duration 09:01

    Persisting dates

  • Episode 17 • Duration 20:09

    Login and Registration (with JWT)

  • Episode 18 • Duration 17:09

    Persisting State

  • Episode 19 • Duration 26:57

    Making Reservation

  • Episode 20 • Duration 08:11

    Fixing JWT

  • Episode 21 • Duration 16:35

    Login Errors

  • Episode 22 • Duration 05:00

    Logout

  • Episode 01 • Duration 15:44

    October Setup

  • Episode 02 • Duration 13:27

    Vue Setup

  • Episode 03 • Duration 23:22

    Tailwind CSS

  • Episode 04 • Duration 21:05

    What is Vuex?

  • Episode 05 • Duration 18:33

    Homepage UI

  • Episode 06 • Duration 15:19

    Locations API

  • Episode 07 • Duration 08:28

    Connecting Locations and Vehicles

  • Episode 08 • Duration 19:07

    Filtering By Location

  • Episode 09 • Duration 07:36

    Filtering On API

  • Episode 10 • Duration 18:07

    Vehicle API

  • Episode 11 • Duration 10:25

    Availability

  • Episode 12 • Duration 13:36

    Router

  • Episode 13 • Duration 11:30

    Dates Backend

  • Episode 14 • Duration 28:04

    Dates Frontend

  • Episode 15 • Duration 15:06

    Luxon

  • Episode 16 • Duration 09:01

    Persisting dates

  • Episode 17 • Duration 20:09

    Login and Registration (with JWT)

  • Episode 18 • Duration 17:09

    Persisting State

  • Episode 19 • Duration 26:57

    Making Reservation

  • Episode 20 • Duration 08:11

    Fixing JWT

  • Episode 21 • Duration 16:35

    Login Errors

  • Episode 22 • Duration 05:00

    Logout