Skip to content

Build a data dashboard with Laravel, Vue and Tailwind

Notifications You must be signed in to change notification settings

sonicfive/data-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Build a data dashboard with Laravel, Vue and Tailwind: Part I

Let's build a data dashboard together. We will take it slow, starting with a few simple views, then incorporate charts, css and vuex to tie the front end portion together.  Later we will tie in the back end, database, slack notifications, messaging with twilio, 2FA, TDD tests - the works!  I am not entirely sure where will this end, but every post will for sure build from the previous one. You can follow along by following my medium account here

Part I

We cover setting up laravel, some front end bolerplate and generating some mock JSON data that we later render in a vue component.

Part II

We create a table based layout (with flexbox on tailwind css) for the data we generated in the previous part. We then use Vue to sort the results by column.

Part III

Datasets in the real world normally don't come as simple JSON objects. They come from a database storage, and the way to access them is through our backend. In this post we will focus on creating our data source and seeding it.

Part IV

Learning to play with collection mehods to create some reports.

About

Build a data dashboard with Laravel, Vue and Tailwind

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published