sample-todo-sveltekit Svelte Themes

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

Top categories

Loading Svelte Themes