https://github.com/wmalarski/marko-supabase-todo-app

Marko Supabase Todo App is a non-trivial demo application built using Marko Run.
https://github.com/wmalarski/marko-supabase-todo-app

daisyui marko-run markojs supabase supabase-js tailwindcss valibot

Last synced: 4 months ago
JSON representation

Marko Supabase Todo App is a non-trivial demo application built using Marko Run.

• Host: GitHub
• URL: https://github.com/wmalarski/marko-supabase-todo-app
• Owner: wmalarski
• License: mit
• Created: 2023-10-29T20:01:56.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-01-29T21:58:03.000Z (about 1 year ago)
• Last Synced: 2024-09-28T11:01:13.987Z (4 months ago)
• Topics: daisyui, marko-run, markojs, supabase, supabase-js, tailwindcss, valibot
• Language: TypeScript
• Homepage:
• Size: 315 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Marko Run Supabase Todo App

## TODO List

- [x] styles setup: `tailwind`, `daisyui`, `class-variance-authority`

- [x] reusable components using attribute tags

- [x] tags api preview

- [x] supabase email/password sign up and sign in

- [x] supabase magic code sign in

- [x] supabase oauth sign in

- [x] supabase pkce auth flow

- [x] todo list with: update/delete/create/list

- [x] server side supabase data fetching with row security enabled

- [x] request validation using `decode-formdata` and `valibot`

- [x] manual progressive enhancement for all actions

- [x] works with javascript disabled

- [x] [typescript utility `buildPath`](src/utils/paths.ts) for building correct navigation paths

## Installation

```graphql

npm install

npm run dev

```

[Supabase database schema](src/db/setup.sql)

## Environmental variables

```graphql

VITE_PUBLIC_SUPABASE_URL=

VITE_PUBLIC_SUPABASE_ANON_KEY=

```

## Overview

This project is powered by [@marko/run](https://github.com/marko-js/run).

- Run `npm run dev` to start the development server

- Run `npm run build` to build a production-ready node.js server

- Run `npm run preview` to run the production server

## Adding Pages

Pages map to the directory structure. You can add additional pages by creating files/directories under `src/routes` with `+page.marko` files.  Learn more in the [`@marko/run` docs](https://github.com/marko-js/run/#file-based-routing).