Run the current examples with node
Add lock package file to gitignore

- Create new phx app
- Add Tailwind to the phoenix application

…es see: #5 (comment)

- hotreload doesn't seem to work with 3.2 so using 3.1.8

Add alpine.js cdn in root file
Create button using Alpine to test everything still ok

Create item schema using phx.gen.live

Run mix format

Create index when new item created

Update modal form to create item

Update and remove unused tests

First attempt at drag and drop with vanilla js version

Drag and drop with javascript

use bg-red-100 to see moving item

Set background color when an element is moved

Use Alpine.js to drag and drop an item in a list

Use PubSub to listen for the :item_created event

When items are sorted (drag and drop finished)
send event to the LiveView to update the indexes

Update indexes and notify clients of new order

- Highlight when an item is currently dragged on all clients
- Move items on all clients
- Update indexes

Update tests to match return value from PubSub

Create documentatio on how to setup
a new Phoenix application using Tailwind, Petal components
and Alpine.js

Update drag-and-drop documentation
- Update templates to use Petal components
- Update liveView to handle close modal event
- Update tasks function to save index for item and order by index

Add doc for real time UI update when a new item is created

Describe how to implement the hightligh for the selected items
during drag-and-drop

Save indexes and dispatch drag-and-drop to clients

Fix typos

- remove unused Alpine.js x-daat value
- remove console.log
- add link in Readme to drag-and-drop.md

Add images to documentation

Remove Tailwind and Petal Components to make the setup easier.

Read again the doc and make it easier to follow/implement

Update Phoenix app code to match the one describe in the markdown
documentation