跳到主要內容

Todo List --> 待办事项列表

Overview

Overview

When you need to store each user's personal data in their own DID Space, this tutorial will help you.

This is a Todo List application built using Typescript, React, Express, and DID Spaces. Users connect to their DID Space upon initial login. All subsequent Todo List data is then persisted within each user's respective DID Space.

Prerequisites

  • Install the To-Do List app

Todo List

Demonstration

Connecting to a DID Space for the First Time

Connecting to a DID Space is required upon initial login to grant the application read and write access.

image.png

Creating a To-Do List

Next, you can add tasks to your to-do list and mark some as complete:

image.png

Persistent Storage

As you edit your Todo List, the data is automatically saved to your DID Space. Even if the page refreshes, the data is retained, and you can view the raw data stored in your DID Space.

image.png

Implementation Details

For specific implementation details, please refer to our code repository.

GitHub - blocklet/todo-list-example