React

For design, reference was made to the How to Structure and Organize a React Application article.

Within the ./public directory, the frontend application consists of all the components that can be reusd between the React application that starts with ./App.tsx and other possible future service workers. Currently, we are not too worried about bundling and efficiency so much as intuitive architecture.

Library

For design, reference was made to the React Library Structure article.

Components

Within the ./public/components directory is an index.ts file that is used as a sort of glossary of all available components.

Similar components(i.e. types of buttons) should be grouped within the button directory and should not go any deeper that a single level(i.e. button/login).

Components should contain .css styling within the same directory for practicality or reference more global styles.