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
October Setup cover

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  1  / Duration 15:44  / 
Link to video
Vue Setup cover

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  2  / Duration 13:27  / 
Link to video
Tailwind CSS cover

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  3  / Duration 23:22  / 
Link to video
What is Vuex? cover

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  4  / Duration 21:05  / 
Link to video
Homepage UI cover

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  5  / Duration 18:33  / 
Link to video
Locations API cover

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  6  / Duration 15:19  / 
Link to video
Connecting Locations and Vehicles cover

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  7  / Duration 08:28  / 
Link to video
Filtering By Location cover

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  8  / Duration 19:07  / 
Link to video
Filtering On API cover

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  9  / Duration 07:36  / 
Link to video
Vehicle API cover

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

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

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
Dates Backend cover

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
Dates Frontend cover

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

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
Persisting dates cover

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
Login and Registration (with JWT) cover

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
Persisting State cover

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
Making Reservation cover

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
Fixing JWT cover

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
Login Errors cover

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

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  / 
© Watch And Learn,2024