Extending Saas Wind

Extending Saas Wind

Saas Wind was written to be extended easily, let’s look at how we can do that by diving into the sticky notes app we’ve included.

Sticky Notes

You may notice a sticky notes part of the app when you log in, this is included as a sample of how to build features for your users and uses HTMX to build a quick, easy to use notes system.

You can expand on this or remove it entirely.

The notes, at its heart, is a simple CRUD system:

1. Create

   When notes first loads, we show a list of notes they’ve saved (if any) or a message (if no notes).
   We also show a button that loads a modal form, this form is an HTMX partial and saving new notes will trigger a read and list your user’s notes

2. Read

   We list all notes as little yellow sticky notes, a user can edit or delete a note, editing will open the modal form for that note.

   This section is another HTMX partial, and we can trigger telling it to reload without doing a page reload

3. Update

   If a user clicks the button to edit a note, we display the modal form for that note and if they save the changes, we show it immediately in the list below as well as keeping the form populated.

4. Delete

   This seems self explanatory but if a user deletes a note, we delete it from the database and then reload the list of notes.