Create an Application UI

This lesson involves the setup of the application framework. So far, we’ve created login and logout functionality for the application. We’ve also created the application navigation and different routes to handle authenticated and non-authenticated users. This lesson builds upon previous lessons by creating the user interface that will be used for CRUD operations within the database.

The playground below contains the application we’ve been coding since the beginning of this chapter. Since the last lesson, we’ve added some user interfaces to the application. Emphasis isn’t placed on the application design and styling, but rather on its functionality.

Open the imports/ui/Dashboard.jsx file. The Dashboard component is the default component that an authenticated user is directed to during a successful login. This component displays the list of books bought by a user.