React web app that creates pages dynamically based on data in a database (Google Firestore) - OBS! Clarified requirement in the Project SM v02.pdf

The objective is to create a React app that connects to Google Firestore database. ---OBS! (added Fri 16.4 7:47 CET)--- Clarified the dynamic requirement in the Project SM [login to view URL], specifically on pages 10-11 ---OBS!--- The Firestore database has two distinctive and separate elements: 1. the datastructures and page set-ups 2. user data The React app creates the pages and their content based on the part 1 in the database. The pages are typically CRUD-pages for the user data and user linked data that is then stored/retrieved from the part 2 in the database. ---clarification (added Fri 16.4 7:47 CET)--- When data in part 1 of the database is modified the results need to be automatically rendered in corresponding web app pages when refreshed. ---clarification--- User creation and role based authentication is required in the app as well as access rights in Firestore. The React project needs to be component based, have separate css (or similar style approach), be commented/documented and packaged for continued development in Visual Studio Code. The end result needs to enable easy configuration of the pages by editing the data in the part 1 of the database as well as addition of new pages. The React App should be router based and include role based authorities.