Skip to content

Latest commit

 

History

History
44 lines (27 loc) · 1.99 KB

README.md

File metadata and controls

44 lines (27 loc) · 1.99 KB
Raw

Swatchr

Sophisticated color palette genration using the latest in AI powered blockchain technology. Unleash the power of swatches on demand. (Just kidding...)

Tall Stack Demo

This repo is demonstration of a TALL Stack application:

  • Tailwind CSS A CSS framework emphasizing design composition with utility classes rather than traditional cascading inheritance.
  • Alpine.js A lightweight javascript framework with a declarative syntax and a robust API; ideal for UI work.
  • Laravel A 'batteries included' framework for building PHP applications. An excellent way to work efficiently with PHP and get things done.
  • Livewire A tool for creating rich interactive application components without writing custom javascript. Similar to Phoenix LiveView.

Decks

You can view the presentation slides here:

Asset Pipeline

This project does not make use Laravel Mix to manage the front end assets. Read more about this configuraton with esbuild and postcss.

Local Development

You can run this project locally with Laravel Sail, which is built on top of docker and docker-compose.

Clone the repo to your local machine, then install the dependencies:

$ WWWUSER=${WWWUSER:-$UID} docker-compose run --rm laravel.test composer install
$ WWWUSER=${WWWUSER:-$UID} docker-compose run --rm laravel.test npm install
$ WWWUSER=${WWWUSER:-$UID} docker-compose run --rm laravel.test npm run build

Spin up the service with Sail:

$ ./vendor/bin/sail up -d

You should now be able to view the service in your browser: http://localhost/demo

If you are comfortable with Docker you can also use docker compose directly.