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 fine using the Catalyst CLI.

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

copy
$
catalyst serve

The Lead Manager application will now be served at default port 3000. The local endpoint URLs of the components are displayed.

serve-app

Note: Every time you access the homepage 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 request method.

You can now open the application in a browser using the local URL of the client displayed in the CLI.

localhost

You will initially be redirected to the login page. If you configure a sign-up action on your own, you can sign up first, then log in to the application. Otherwise, you can log in using the Zoho sign-in icon.

You will be redirected to the permissions page. Accept the permissions requested by the app to access your Zoho account details.

zoho-permissions

You will then be redirected back to the application. Click the Zoho CRM icon in this page to connect to Zoho CRM.

crm-application

You can now create and manage leads in your configured Zoho CRM account, directly from this application.

Note: If you are already signed in your Zoho CRM account, then you can proceed by adding leads. If not, the application will prompt you to choose the CRM account that you wish to connect with the Lead Manager app, then click Submit. All your existing developer, sandbox, and production accounts will be listed.

To add a lead, enter the details of the lead in the Add a Lead section and click Add Lead.

A confirmation pop-up will display the status every time you add, edit, or delete a lead.

confirmation

You can click the Manage Leads tab to view all your leads from the Leads module. You can edit or delete any of them by clicking their respective icons in the table.

manage-leads

You can update a lead’s information, then click Edit.

edit-lead

If you click the delete icon, you must confirm the action in the confirmation pop-up.

delete-popup

You can also check the Refresh Token and userID values populated in the Data Store from your Catalyst console. Navigate to the Data View section of the Token table to view the record that was added.

check-table

If you delete this entry, you will have to authenticate your credentials in the client application and establish a connection to your CRM account again.

You can log out of the application by clicking Logout.

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

You can quit the serve session in your terminal by executing the command to kill a running process, based on your OS.

Last Updated 2023-12-15 18:54:08 +0530 +0530

RELATED LINKS

Serve CLI Resources