Creating Rent-a-Car App with Vue and October

In this series we are going to create a rent-a-car application using Vue.js and October CMS. We are also going to tackle Vuex and Vue Router in this video series.

  • Episode 01Duration 15:44

    October Setup

    In this first episode of Creating Rent-a-Car we are going to setup October CMS side of things.
  • Episode 02Duration 13:27

    Vue Setup

    In this episode we are going to setup Vue side of things for our rent-a-car applictaion.
  • Episode 03Duration 23:22

    Tailwind CSS

    In this episode we are going to add Tailwind CSS to our project and show how this is a great framework for creating single page applications with frameworks like Vue or React.js.
  • Episode 04Duration 21:05

    What is Vuex?

    In this episode we are going to take a look at Vuex, a state management library for Vue.js
  • Episode 05Duration 18:33

    Homepage UI

    In this episode we are finally going to start building our October CMS and Vue.js application, and of course we are starting with the homepage.
  • Episode 06Duration 15:19

    Locations API

    In this episode we are going to use October CMS to create our locations API so that we can consume it with our Vue.js app.
  • Episode 07Duration 08:28

    Connecting Locations and Vehicles

    In this episode we are going to connect our locations and our vehicles using October CMS and some Laravels PHP code and relations API .
  • Episode 08Duration 19:07

    Filtering By Location

    In this episode we are going to leverage the data we created in the last episode, to filter our vehicles by location using Vue.
  • Episode 09Duration 07:36

    Filtering On API

    In this episode we are again going to filter our vehicles by location, but this time using October CMS and some Laravel methods.
  • Episode 10Duration 18:07

    Vehicle API

    In this episode we are going to add an image and price fields to our vehicles on our October CMS backend. And then display them in our Vue app.
  • Episode 11Duration 10:25

    Availability

    In this episode we are going to create a new field in OctoberCMS and then display it in our Vue application.
  • Episode 12Duration 13:36

    Router

    In this episode we are going to take a look at Vue Router and make detail page for our vehicles using Vue.js.
  • Episode 13Duration 11:30

    Dates Backend

    In this episode we are going to start creating our dates functionality using October CMS.
  • Episode 14Duration 28:04

    Dates Frontend

    In this video we are continuing with our dates API, and now we are going to use Vue to create our frontend and functionality.