To-Do List App

Manage your to-do list with Cloudflare Workers Assets + Remix + Cloudflare Workers KV.

How It Works

This is a simple to-do list app that allows you to add, remove, and mark tasks as complete. The project is a Cloudflare Workers Assets application built with Remix. It uses Cloudflare Workers KV to store the to do list items. The Remix Vite Plugin has a Cloudflare Dev Proxy that enables you to use Bindings provided by the Cloudflare Developer Platform. Observability is on by default.

Important

When using C3 to create this project, select "no" when it asks if you want to deploy. You need to follow this project's setup steps before deploying.

Getting Started

Outside of this repo, you can start a new project with this template using C3 (the create-cloudflare CLI):

npm create cloudflare@latest -- --template=cloudflare/templates/to-do-list-kv-template

A live public deployment of this template is available at https://to-do-list-kv-template.templates.workers.dev

Setup Steps

1. Install the project dependencies with a package manager of your choice:

   npm install

2. Create a kv namespace with a binding named "TO_DO_LIST":

   npx wrangler kv namespace create TO_DO_LIST

   ...and update the kv_namespaces -> id field in wrangler.json with the new namespace ID.
3. Build the application:

   npm run build

4. Deploy it!

   npx wrangler deploy

5. And monitor your worker!

   npx wrangler tail