Home / Companies / Cloudflare / Blog / Post Details
Content Deep Dive

Building a To-Do List with Workers and KV

Blog post from Cloudflare

Post Details
Company
Date Published
Author
Kristian Freeman
Word Count
3,438
Language
English
Hacker News Points
44
Summary

In this tutorial, we learn how to build a todo list application using HTML, CSS, and JavaScript while storing data in Cloudflare's Workers KV. The project is divided into several steps, including building the todos data structure, writing the todos into Workers KV, retrieving the todos from Workers KV, returning an HTML page to the client with the todos (if they exist), allowing creation of new todos in the UI, and handling todo updates. The tutorial also covers understanding Cloudflare Workers, setting up a canvas for the project, writing data to KV, rendering data from KV, adding todos from the UI, and updating todos from the UI. The final version of the code is provided at the end of the tutorial.