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

Availability

In this episode we are going to create a new field in OctoberCMS and then display it in our Vue application.

The field we are going to be creating is going to show us if the vehicles are available or not on our Vue.js frontend. I'm also going to show you how to create v-if condition without using any HTML elements in our Vue template.

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 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