zenstackhq / sample-todo-sveltekit

A comprehensive TODO sample using SvelteKit + ZenStack + TanStack Query

ZenStack SaaS Demo

ZenStack Todo Sample With SvelteKit

This project is a collaborative Todo app built with SvelteKit and ZenStack.

In this fictitious app, users can be invited to workspaces where they can collaborate on todos. Public todo lists are visible to all members in the workspace.

Live deployment

https://sample-todo-sveltekit.vercel.app/

Features

• User signup/signin
• Creating workspaces and inviting members
• Data segregation and permission control

Running the sample

1. Setup a new database

   It use PostgreSQL by default, if you want to use MySQL, simply change the db datasource provider to mysql in schema.zmodel file.

   You can launch a PostgreSQL instance locally, or create one from a hoster like Supabase. Create a new database for this app, and set the connection string in .env file.

2. Install dependencies

   npm install

3. Generate server and client-side code from model

   npm run generate

4. Synchronize database schema

   npm run db:push

5. Start dev server

   npm run dev

Feedback and Issues

If you encounter any issue or have any feedback, please create a new issue in our main repository so we could respond to it promptly:

https://github.com/zenstackhq/zenstack