/PocketBase

PocketBase + Alpine.js + Tailwind.css (Demo C.R.U.D. Table)

Primary LanguageHTMLMIT LicenseMIT

An implementation of PocketBase with Alpine.js and Tailwind.css

A simple table with C.R.U.D. functionalities:

  • enter in the Pocketbase folder and type "./pocketbase serve" to start the server;
  • you can add/edit/delete a record, upload a photo and add multiple attachments;
  • the table supports search, sort and pagination functions;
  • click on the table columns to sort the rows;
  • click on the photo to open it in a new panel;
  • with the dropdown menu, choose the pagination (5/10/15/20 items per page).

Tested with PocketBase vers. 0.7.7

Login:

Main Panel (http://127.0.0.1:8090)

Main Panel

Add New Item

Add New Item

Update Item

Update Item

Add Attachments

Add Attachments

PocketBase

PocketBase

Links: