---
title: "Test the application"
url: https://docs.catalyst.zoho.com/en/tutorials/todo-list/nodejs/test-application/
description: "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."
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "Serve CLI Resources"
    url: /en/cli/v1/serve-resources/introduction
  - name: "Data Store"
    url: /en/cloud-scale/help/data-store/introduction
---

# Test the Application

Before you deploy the application to the remote console, you can test the application on a local server and check if everything works using the Catalyst CLI. For detailed information on `catalyst serve`, refer to the [Serve Resources help page](https://docs.catalyst.zoho.com/en/cli/v1/serve-resources/introduction).

To serve the Catalyst project locally, execute the following command from your project directory:

```sh
 catalyst serve 
```

The to-do list application will now be served at default port 3000. The local endpoint URLs of the components are displayed.

**Basic web app**

![catalyst_todo_basic_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_basic_serve.webp)

**Angular web app**

![catalyst_todo_angular_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_angular_serve.webp)

**React web app**

![catalyst_todo_react_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_react_serve.webp)

> **Note**: Every time you access the home page or any of the sub-pages of your client, or the function, the CLI will display a live log of the URL accessed, along with the HTTP method that is used to access it.

You can now open the client component's local URL in a browser to access the application.

![catalyst_todo_serve_1](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_serve_1.webp)

Let's test the application by adding a task to the to-do list. Enter a task and click **Create Task**.

![catalyst_todo_serve_2](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_serve_2.webp)

The task will be added and displayed in the app.

![catalyst_todo_serve_3](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_serve_3.webp)

Let's verify this. Open the _TodoItems_ table in the **Data Store** from your Catalyst console.

Click the **Data View** tab to view the record. A row will be created for the list item that was added.

![catalyst_datastore_dataview](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_datastore_dataview.webp)

Let's add a few more tasks to the to-do list app. We can now test the delete operation.

![catalyst_todo_serve_4](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_serve_4.webp)

When you hover on a task, the delete-bin icon appears in the top-right corner. The delete operation is executed when you click the icon. The task will be removed from the list. The app displays the updated list.

![catalyst_todo_serve_5](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_serve_5.webp)

Let's verify if the record was deleted in the Data Store. Open the _TodoItems_ table in the **Data Store** and click **Data View** to view the records. The row for the list of items will be deleted from the table.

![catalyst_datastore_dataview_deleted](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_datastore_dataview_deleted.webp)

If this setup is working correctly, we can deploy the application to production.