Full-Stack React Projects - Second Edition

Revisiting the application folder structure

In the application folder structure, we kept the client-side and server-side code separate with further subdivisions within these two sections. This gave us some freedom to design and build the frontend and backend of the application independently. At the project root level, the client and server folders were the main divisions, as shown in the following structure:

| mern_application/  | -- client/  | -- server/

In these client and server folders, we divided the code further into subfolders that mapped to unique functionalities. We did this by dividing models, controllers, and routes in the server for specific features, and grouping all components related to a feature in one place on the client side. ...