Let's check out our data in the browser and test the error and loading states.

Don't forget to run the server first:

cd server
npm start

Then, run the client:

cd habit-tracker
npm start

The browser will open to localhost:3000 and you should see the list of habits. Great!

To test the loading state, open up the Chrome Dev Tools, go to the Network tab, and change the dropdown that says "Online" to "Fast 3G." You should see the "loading" message we created.

To test the error state, stop the server and refresh the page. You should see the error message.

In the next video, I'll give you your first assignment.


I finished! On to the next chapter