Laravel API Development & Vue JS SPA

Project Setup

To get started, let's install a fresh installation of Laravel and get working on setting up our project.

Vue Router

Our application will need a combination of Laravel route and Vue Router. Let's get it all setup.

Tailwind CSS

Let's shift our focus to the front-end and first of, Tailwindcss.

Login View 1

In part 1 of 3, let's try to follow the screenshot mock to implement the login screen.

Login View 2

In part 2 of 3, we design the email and password input field.

Login View 3

In part 3 of 3, we finish up the lower third design of the login window view.

API Intro

Single Page Applications or SPAs are driven by APIs. If you are not familiar, we will cover the basics of it in this video.

TDD Setup & Basic Test

In order to get the TDD workflow working, we need to take some extra steps to finish the setup.

Basic Validation

Now that we have the basic test working, let's explore how to perform validation to our project.

Test Cleanup & Refactor

With all of the test in green and passing state, let's take time cleanup and refactor parts of our test suite.