Building a To-Do List Application

Build a Basic, React, or Angular to-do list web application using Catalyst Advanced I/O Function and Catalyst Data Store that enables you to note down tasks and delete them after they are done.

Deploy the Project

To deploy your Catalyst project from the CLI, run the following command in your terminal from your project directory:

$ catalyst deploy

The function is deployed first, followed by the client component. The production URLs of the components are displayed.

If the client component has been initialized and configured as a Basic web app, this will be displayed in your terminal.

catalyst_todo_basic_deploy

IIf the client component has been initialized and configured as an Angular web app, this will be displayed in your terminal.

catalyst_todo_angular_deploy

If the client component has been initialized and configured as a React web app, this will be displayed in your terminal.

catalyst_todo_react_deploy

You can now open the client component's URL in a browser to access the deployed application. The to-do list application can now be accessed from its web app URL.

catalyst_todo_serve_4

The to-do list application is now functional and will work without any errors.