Todo List

Overview#

This is a Todo List application built on Typescript + React + Express + DID Spaces. Users need to present a DID Space the first time they log in, and all subsequent Todo List data generated will be persisted in their respective DID Spaces.

Prerequisite#

• Install Todo List app:

Todo List

A sample Todo List application built on React + Typescript + DID Spaces

https://dev.store.blocklet.dev/blocklets/z2qZxf2VrwCM35aotK62w9NRDs2hmVDrMML8C

Presentation#

Display DID Space upon initial login#

The first time you log in, you need to present your DID Space, so that the application has permission to read and write the DID Space.

Create Todo List#

Next, you can add some Todos to your Todo List and mark the status of certain Todos as completed. The data will be automatically saved to the presented DID Space (even if the page is refreshed, the data will not disappear).

Details of implementation#

If you want to understand the specific details of implementation, you can directly view our code repository.

GitHub - blocklet/todo-list-example

Contribute to blocklet/todo-list-example development by creating an account on GitHub.