Application Example - React

Build a secure note app with React and @dataswift/hat-js

Using our Javascript SDK hat-js, you can create data-rich applications without writing a single line of backend server code. In this tutorial, you'll learn the fundamentals of using a Dataswyft PDA, and build on the HAT Microserver project, by making a fully functional app to store your private thoughts as Notes. When new notes get added to the app, the data will be stored in a HAT, in the cloud.

By the end of this tutorial you'll learn about:

  • Authenticating users

  • Registering new users

  • Saving data to the HAT

Just the code (for the impatient)

Jump ahead by grabbing the code from our Github repo: git clone, yarn install and yarn start if you want to get hacking right away.

Last updated