Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/didikz/laravel-livewire-journey

A journey and learning how to build real world application using Laravel Livewire
https://github.com/didikz/laravel-livewire-journey

alpinejs laravel livewire tailwindcss tailwindui

Last synced: about 1 month ago
JSON representation

A journey and learning how to build real world application using Laravel Livewire

Awesome Lists containing this project

README

        

## Laravel Livewire Series

This project is dedicated for learning how to build a `Real life` application using Laravel & Livewire. We will explore how Livewire can achieve solutions in a web application.

This project is built with:
1. [Laravel 7+](https://laravel.com/)
2. [Tailwind CSS](https://tailwindcss.com/)
3. [Tailwind UI (Free Components)](https://tailwindui.com/components)
4. [Laravel Livewire](https://laravel-livewire.com/)
5. [Laravel Debugbar](https://github.com/barryvdh/laravel-debugbar)
6. [Alpine JS](https://github.com/alpinejs/alpine)
7. [Turbolinks](https://github.com/turbolinks/turbolinks)
8. [Laravel Actions](https://laravelactions.com/)
9. [Blade Icons](https://github.com/driesvints/blade-icons)

## To Do

1. [x] Datatable
2. [ ] Basic CRUD Form
3. [ ] Authorization
4. [ ] Real Time Validation
5. [ ] Real Time Notification
6. [ ] Nesting Components
7. [ ] Flash Message
8. [ ] Loading State
7. [ ] Polling
8. [ ] Prefetching
9. [ ] Offline Mode
10. [ ] Dirty States
11. [ ] Defer loading
12. [ ] Testing
13. [ ] Laravel Echo Integration
14. [ ] Handle Action using Laravel Actions

## Installation

1. clone this repository
2. run `composer install && npm install`
3. copy `.env.example` to `.env`
4. generate application key `php artisan key:generate`
5. Configure your database connection
6. If you want to write custom css, you have to build asset using `npm run dev`
7. Run migration & seeder `php artisan migrate --seed`
8. Run your application `php artisan serve`

## Dummy Account

- email: `[email protected]`
- password: `password`

## Contribution

Send your issue or PR if you found a bug.