Adding Noodl Cloud Services to the Task Manager app

In this video we will add a Noodl Cloud Service to the Task Manager app from the interactive tutorials so that we can save tasks in a database. We will also look at how you can get then save new items to the database, get all the data into your Noodl app and how you can update existing tasks in the database.
Additionally we will use Array Filters to filter some of the data and we will use a Function node with some simple JavaScript to indicate if a Task is overdue or not.
Enjoy!
Download Noodl here: www.noodl.net/
Check out the Noodl documentation here: docs.noodl.net/
Join the Noodl Discord: / discord
#NoCode #appdesign #webapp #Noodl
00:03 Intro
00:22 Why we want the Noodl Cloud Service
00:56 What we will do
01:21 Adding and enabling Noodl Cloud Service
01:55 Selecting which Cloud Service to use
02:27 The Cloud Service Dashboard
02:55 Create a new database class
03:35 Adding columns to a database class
04:31 How to use the Create New Record node and save data to the database
06:08 Using the Query Records node to get data from the database
07:35 How to update an existing record in the database
10:13 Hover on nodes to inspect them
12:37 Style the task cards based on the Completed property
13:13 Adding an Icon node to show a checkmark
13:48 Using a States node to control the opacity of completed cards
16:28 Splitting the Task list into two sections
17:32 Adding Array Filter nodes to split Completed and Incomplet tasks in two lists
17:58 Hooking up the Array Filter and defining the filter
19:26 A simple Function node with some simple JavaScript
21:51 Summary

[@xxoooOFxx]

Hey Johan, fantastic tutorial and great tool! I spent the afternoon looking at it, and was very impressed! Will be looking around Noodl more over the next few days.

[@getnoodl]

Feel free to join our Discord server to learn more and get the latest and greatest content: discord.gg/23xU2hYrSJ

[@mariocesarberardo8984]

Noodl "add cloud service" screen does not match th screen in video tutorial.

[@scottvickrey2743]

Thank you. Please do a cloud function video I think I could learn it easily in your videos.

[@r4lfxd]

Am I understanding it right that you can't use Noodl Cloud once you take your app to live? Do I need external database like Firebase?

[@synnotus]

I am looking for any tutorial on noodl and chatbot, for example how to create your own AI chatbot using noodl

[@getnoodl]

Hi, we have a prefab that is a good starting point: docs.noodl.net/2.8/library/prefabs/openai/ We also recommend that you join our active Discord server where you can ask questions and find more great content: discord.gg/23xU2hYrSJ

[@danielkovacs3664]

open dashboard no working for me