> For the complete documentation index, see [llms.txt](https://docs.dataswyft.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dataswyft.com/build/getting-started/react-pda.md).

# Application Example - React

Using our Javascript SDK [hat-js](https://www.npmjs.com/package/@dataswift/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](https://github.com/dataswift/dataswift-starter-app-js): git clone, yarn install and yarn start if you want to get hacking right away.