A web application is incomplete without a frontend. It is the part that users interact with and it is crucial to any web experience. In this chapter, we will use React to add an interactive user interface to the basic user and auth features implemented for the backend of the MERN skeleton application that we started building in the previous chapter.
We will cover the following topics to add a working frontend and complete the MERN skeleton application:
- Frontend features of the skeleton
- Setting up development with React, React Router, and Material-UI
- Backend user API integration
- Auth integration
- Home, Users, Sign-Up, Sign-In, User Profile, Edit, and Delete views
- Navigation menu
- Basic server-side rendering
