Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/blade-ui-kit/demo

A demo Laravel project for Blade UI Kit.
https://github.com/blade-ui-kit/demo

blade laravel ui

Last synced: about 5 hours ago
JSON representation

A demo Laravel project for Blade UI Kit.

Awesome Lists containing this project

README

        



# Blade UI Kit Demo Project


Tests

This is a demo Laravel project which demonstrate the usage for some of the components from [Blade UI Kit](https://github.com/blade-ui-kit/blade-ui-kit).

It's built using components from [Tailwind UI](https://tailwindui.com) by [Adam Wathan](https://twitter.com/adamwathan) & [Steve Schoger](https://twitter.com/steveschoger).

## Requirements

The following tools are required in order to start the installation.

- PHP >=8.0
- [Composer](https://getcomposer.org/download/)
- [NPM](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)

## Installation

1. Clone this repository locally with `git clone [email protected]:blade-ui-kit/demo.git blade-ui-kit-demo`
2. Create `database/database.sqlite` file to local database
3. Copy the `.env.example` file to `.env`
4. Install the PHP dependencies with `composer install`
5. Generate a new app key with `php artisan key:generate`
6. Prepare the database by running `php artisan migrate --seed`
7. Install and compile the front-end dependencies with `npm install && npm run dev`
8. Set a valid `UNSPLASH_ACCESS_KEY` and `MAPBOX_PUBLIC_TOKEN` value in your `.env` file
9. Serve the website locally by running `php artisan serve`

You can now visit the app in your browser by visiting [http://127.0.0.1:8000](http://127.0.0.1:8000). You can login in with **`[email protected]`** & **`password`**.

## Commands

Command | Description
--- | ---
**`php artisan test`** | Run the tests
`php artisan migrate:fresh --seed` | Reset the database
`npm run watch` | Watch for changes in CSS and JS files