!! THIS IS NOT UP TO DATE !!
This is a simple todos application built with Laravel, Livewire, Alpine.js, and the Streams API client. It demonstrates the use of a custom model and repository for the todos
stream.
- Display a list of todos.
- Fetch todos using the Streams API.
- Styled with Tailwind CSS.
-
Clone the repository:
git clone <repository-url> cd todos-app
-
Install dependencies:
composer install npm install
-
Configure the environment:
cp .env.example .env php artisan key:generate
-
Run migrations (if needed):
php artisan migrate
-
Start the development server:
php artisan serve npm run dev
-
Access the application at
http://localhost:8000
.
The todos
stream is defined in streams/todos.json
with the following fields:
id
: UUIDtitle
: String (required)completed
: Boolean (default: false)
The TodosPage
Livewire component fetches todos using the Streams API and displays them in a styled list.
Tailwind CSS is used for styling. The main CSS file includes Tailwind's base, components, and utilities directives.
This project is open-sourced software licensed under the MIT license.