Skip to content

laravel-streams/todos-app

Repository files navigation

Todos App

!! 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.

Features

  • Display a list of todos.
  • Fetch todos using the Streams API.
  • Styled with Tailwind CSS.

Setup

  1. Clone the repository:

    git clone <repository-url>
    cd todos-app
  2. Install dependencies:

    composer install
    npm install
  3. Configure the environment:

    cp .env.example .env
    php artisan key:generate
  4. Run migrations (if needed):

    php artisan migrate
  5. Start the development server:

    php artisan serve
    npm run dev
  6. Access the application at http://localhost:8000.

Streams Definition

The todos stream is defined in streams/todos.json with the following fields:

  • id: UUID
  • title: String (required)
  • completed: Boolean (default: false)

Livewire Component

The TodosPage Livewire component fetches todos using the Streams API and displays them in a styled list.

Tailwind CSS

Tailwind CSS is used for styling. The main CSS file includes Tailwind's base, components, and utilities directives.

License

This project is open-sourced software licensed under the MIT license.

About

A TALL Todos app using Laravel Streams.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published