Adding a React Frontend to Complete MERN

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 ...

Get Full-Stack React Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.