<aside> ⚠️ This tutorial is still a work in progress, but for the finished todo app, please check out the code at github.com/Airsequel/Examples/tree/main/react-simple-todo-app

</aside>

In this tutorial we will be building a very simple todo app with React. It will load the todos via GraphQL from a SQLite database hosted on Airsequel. To simplify the setup we will use Create React App to generate a bare bones React app.

This is what the final app will look like. Not pretty, but functional!

If you find any problems in this tutorial, please feel free to leave a comment!

Setting up the Airsequel Database

Upload following SQLite database to <your-company>.airsequel.com:

todos.sqlite

Keep the browser tab with the overview page open, since you’ll need the database id later.

Creating the React app

1. Create the boilerplate code (press y on all prompts)

   npx create-react-app@latest react-todo-app
   

<aside> 🚧 To be continued …

</aside>