Step 3. Build and run the projects

In this step you build and run the API backend, and the "Todo" client app project.

Open a terminal window at the root of the sdk-sample-apps directory and install the dependencies using the npm install command:
```
npm install
```
In the same directory run the following command to start both the API backend server and the "Todo" client:
```
npm run start:reactjs-todo
```
In a different browser than the one you are using to administer the server, visit the following URL: https://localhost:8443.

The app renders a home page explaining the purpose of the project:

Figure 1. Screenshot of the home page of the sample app

Only the home page renders successfully. The login page functionality is not yet functional. You will develop this functionality later in this tutorial.

Troubleshooting

If the home page doesn’t render due to errors, here are a few tips:

Visit http://localhost:9443/healthcheck in the same browser you use for the ReactJS app to test the API backend is running. The API backend should respond with Ok.
Look for error output in the terminal that is running the npm run start:reactjs-todo command.
Ensure you are not logged into your PingOne Advanced Identity Cloud tenant or PingAM server in the same browser as the sample app; log out if you are, or use a different browser or an incognito window.