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.

Link to video

Creating Rent-a-Car App with Vue and OctoberOctober Setup

In this first episode of Creating Rent-a-Car we are going to setup October CMS side of things.

Episode 01 / Duration 15:44 /
Link to video

Creating Rent-a-Car App with Vue and OctoberVue Setup

In this episode we are going to setup Vue side of things for our rent-a-car applictaion.

Episode 02 / Duration 13:27 /
Link to video

Creating Rent-a-Car App with Vue and OctoberTailwind 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 03 / Duration 23:22 /
Link to video

Creating Rent-a-Car App with Vue and OctoberWhat is Vuex?

In this episode we are going to take a look at Vuex, a state management library for Vue.js

Episode 04 / Duration 21:05 /
Link to video

Creating Rent-a-Car App with Vue and OctoberHomepage 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 05 / Duration 18:33 /
Link to video

Creating Rent-a-Car App with Vue and OctoberLocations 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 06 / Duration 15:19 /
Link to video

Creating Rent-a-Car App with Vue and OctoberConnecting 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 07 / Duration 08:28 /
Link to video

Creating Rent-a-Car App with Vue and OctoberFiltering 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 08 / Duration 19:07 /
Link to video

Creating Rent-a-Car App with Vue and OctoberFiltering 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 09 / Duration 07:36 /
Link to video

Creating Rent-a-Car App with Vue and OctoberVehicle 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 10 / Duration 18:07 /
Link to video

Creating Rent-a-Car App with Vue and OctoberAvailability

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

Episode 11 / Duration 10:25 /
Link to video

Creating Rent-a-Car App with Vue and OctoberRouter

In this episode we are going to take a look at Vue Router and make detail page for our vehicles using Vue.js.

Episode 12 / Duration 13:36 /
Link to video

Creating Rent-a-Car App with Vue and OctoberDates Backend

In this episode we are going to start creating our dates functionality using October CMS.

Episode 13 / Duration 11:30 /
Link to video

Creating Rent-a-Car App with Vue and OctoberDates 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 14 / Duration 28:04 /
Link to video

Creating Rent-a-Car App with Vue and OctoberLuxon

In this episode we are going to be using Luxon plugin to format and calculate our dates in our Vue app.

Episode 15 / Duration 15:06 /
Link to video

Creating Rent-a-Car App with Vue and OctoberPersisting dates

In this episode we are going to persist our dates using localStorage and Vue.

Episode 16 / Duration 09:01 /
Link to video

Creating Rent-a-Car App with Vue and OctoberLogin and Registration (with JWT)

In this episode we are going to learn how to register and login users using Vue, OctoberCMS and JWT.

Episode 17 / Duration 20:09 /
Link to video

Creating Rent-a-Car App with Vue and OctoberPersisting State

In this episode we are going to continue the checkout process and learn how to automatically persist state in Vue and Vuex

Episode 18 / Duration 17:09 /
Link to video

Creating Rent-a-Car App with Vue and OctoberMaking Reservation

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

Episode 19 / Duration 26:57 /
Link to video

Creating Rent-a-Car App with Vue and OctoberFixing 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 20 / Duration 08:11 /
Link to video

Creating Rent-a-Car App with Vue and OctoberLogin Errors

In this episode I'm going to show you how to handle login errors in our OctoberCMS, Vue and Vuex application.

Episode 21 / Duration 16:35 /
Link to video

Creating Rent-a-Car App with Vue and OctoberLogout

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

Episode 22 / Duration 05:00 /
Get in touch