The front-end folder contains everything related to displaying the app. Anything related rendering, language or else is in this folder.
The front-end app is set up using the following techniques.
- The set-up is based on the create-react-app tool. As components we use functions implementing Hooks.
- For routing the React Router package is applied, although we have extended it a bit with our own pathing tool. (See the file
src/ui/routing.jsfor details.) - State management is done using default React functions. No state management system like Redux is applied. Instead, we extensively use React Contexts.
- For icons, buttons and other components we use the Material UI library with a few of our own components.
- For styling we apply JSS. This result in a good coupling with Material UI.
This results in an efficient and easily extendable set-up.
There are only two subfolders.
- Any public files, like downloads, are in the public folder. Not much exciting stuff happening here.
- The actual contents are in the src (source) directory. Check it out to learn more.