Understanding the React app folder structure

The React app is hosted on GitHub, and you can clone it from the following GitHub repository:

https://github.com/NyalaDev/strap-lms-react

Once you have cloned it, you can open it with your text editor. The following is the folder structure:

Figure 2: Frontend app folder structure

The app uses a common React app structure. All components reside within the src directory and are categorized into the following:

• common: The common directory contains constants files; it defines constants that are used across the app.
• components: The components directory holds various UI components used in the app.
• context: The application uses React context to manage the application auth state.
• hooks: Custom Hooks are used to handle authentication.
• pages: A top-level component, this contains the login page, home page, and classroom detail page.
• services: There are two services used by the app: the...