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.
  • Episode 15Duration 15:06

    Luxon

    In this episode we are going to be using Luxon plugin to format and calculate our dates in our Vue app.
  • Episode 16Duration 09:01

    Persisting dates

    In this episode we are going to persist our dates using localStorage and Vue.
  • Episode 17Duration 20:09

    Login and Registration (with JWT)

    In this episode we are going to learn how to register and login users using Vue, OctoberCMS and JWT.
  • Episode 18Duration 17:09

    Persisting State

    In this episode we are going to continue the checkout process and learn how to automatically persist state in Vue and Vuex
  • Episode 19Duration 26:57

    Making Reservation

    In this episode we are going to finish the checkout process and and make reservation in our OctoberCMS, Vue and Vuex application.
  • Episode 20Duration 08:11

    Fixing JWT

    In this episode we are going to fix the problems that we had with JWT in the previous episode in our Vue and OctoberCMS app
  • Episode 21Duration 16:35

    Login Errors

    In this episode I'm going to show you how to handle login errors in our OctoberCMS, Vue and Vuex application.
  • Episode 22Duration 05:00

    Logout

    In this episode I'm quickly going to show you how to logout out of your OctoberCMS, Vue and Vuex application.