Source: joeyantonisse.medium.com

Tablet Dashboard with Tailwind CSS and Livewire

Category: api

Obviously the result is a dashboard, but that kind of took a while. I tried multiple Dashboard templates, but that wasn’t it.

Adding cards needs to be a walk in the park, so I created a constructor that has access to all the cards classes (yes each card is separated into its own class) .

Of course the metric cards needs to abide by some rules, written in the abstract class that all cards extend.

And voilá, we have a dynamic Dashboard, adding and removing cards is as easy as adding it to the array!
Newsletter

Get the latest Laravel/PHP jobs, events and curated articles straight to your inbox, once a week

Glimpse streamlines Laravel development by seamlessly deploying GitHub pull requests to preview environments with the help of Laravel Forge. Glimpse streamlines Laravel development by seamlessly deploying GitHub pull requests to preview environments with the help of Laravel Forge.
Fathom Analytics | Fast, simple and privacy-focused website analytics. Fathom Analytics | Fast, simple and privacy-focused website analytics.
Shirts painstakingly handcrafted by under-caffeinated developers. Shirts painstakingly handcrafted by under-caffeinated developers.
Community Partners