It is a good practice to write down exactly what you want to build before you start writing your first line of code. The functionality will work just fine without them, but we wanted to show a more user friendly experience without using heavy JavaScript frameworks. If you find HTML code snippets that contain some data attributes or enigmatic CSS classes, those are TailwindCSS and Alpine.js in action.

Alpine.js - A minimal framework for composing JavaScript behavior in your markup.

TailwindCSS - A utility-first CSS framework for rapidly building custom designs.

Skeleton - Minimalistic CSS boilerplate.

Frontend technology stackįor ease and speed of development a couple of tools have been used in this project. Knowledge of general web development concepts will also be helpful. Knowing most of the concepts will help you quickly understand what's going on.

GraphQL Mutations to update your database.

GraphQL Queries with basic filtering and sorting.

Records with simple one-to-many relation.

The ToDo App will use a couple of basic building blocks available in platformOS: This tutorial assumes you have completed the Hello, World! tutorial. Open this page and get yourself familiar with it - It will make it easier to imagine everything that will be described below.

You can preview the completed application you will be building based on this tutorial. It explains basic concepts, main building blocks, and the logic behind platformOS, while also giving you some recommendations on workflow. Build a ToDo List App is the second part of our Get Started guide that walks you through the steps of creating a ToDo List app on platformOS from setting up your development environment to deploying and testing your finished app.

Todolist react display dot