Folder structure

Finding what you need is made simpler by a clear and simple folder structure. The folder structure can be found in the directory onion-dashboard/

• pulic/ : Get all static files, such as JPGs, PNGs SVGs, and PDFs, inside of this folder.

• src/__fakeData__/ : Get all of the project's data, including the users, products, and invoice table data, that are stored in this folder.

• src/components/: On the entire project, we wrote a lot of reusable components. From this folder, all reusable components were taken.

• src/contexts/ : All global contexts exist in this folder such as settingsContext (for site settings), jwtContext (for authentication).

• src/hooks/ : From this folder, all global hooks are located. such as useSettings (for site settings) and useAuth (for authentication).

• src/icons/ : Many icon components were used throughout the entire project. This folder contains all of the icon components.

• src/layouts/ : On the entire project, two layouts were used: one was the main layout (all public pages), and the other was the dashboard layout (pages related to the dashboard).

• src/page-sections/ : There were more than 50 pages total in the project, and inside each page's section (components, styled components, and hooks) were pre-existing and based on the page name. As example, for profile page page-sections/profile/

• src/pages/ : The project included more than 50 pages in total; all of the pages' files were collected in this folder.

• src/routes/ : Only React projects that need a routing system have a routes folder. Get from here for all route configurations.

• src/theme/ : The project theme setup, theme options, and mui override components are located from here.

• src/utils/ : A few unique, reusable Utlis methods that were all obtained from this folder were used throughout the entire project.