Test your project
Run your project with npm run dev -- --open --port 3000 and open http://localhost:3000 in your browser.
Now, we are able to listing the records retrieved from Appwrite backend on table, show the each record, edit the existing records, and delete functionality on records.
List Page

Create Page

Edit Page

Show Page
