Create an Application UI
Explore how to build the user interface for an online bookshop focusing on functionality over design. Learn to redirect users based on roles using React's useEffect and integrate dashboard views for regular and admin users within a Meteor.js full-stack application.
We'll cover the following...
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 ...