How to build a todo app with Airsequel and React

⚠️
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
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!
Image without caption
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:
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)
    1. shell
      npx create-react-app@latest react-todo-app
🚧
To be continued …