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

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.

Tailwind CSS is a utility-first CSS framework. And it's great. But it has some problems if you are going to be using it on a classical project, with something like WordPress or even vanilla October CMS. In this video we are going to install Tailwind and explain what these problems actually are, and why this framework is great for the type of project that we are building in this series.

And at the end we are going to create a component and style it with Tailwind, and show you how you can leverage Tailwind to create multiple variations of a Vue component.

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