We're working with community non-profits who have a Host Home or empty bedrooms initiative to develop a workflow management tool to make the process scalable (across all providers), reduce institutional bias, and effectively capture data.
Restructured the frontend directory to have this shape:
src/ - The source code for the frontend application
features/ - Contains the components for the application organized by feature as well as a /ui for shared components
feature/ - Inside the features folder are folders containing components for a specific feature along with any other required files.
hooks/ - Hooks related to the feature
helpers/ - Helper functions related to the feature
__tests__ - Tests for components in the feature
pages/ - Contains all pages that are rendered by the application. These can be organized by features and contain hooks/, helpers/, and __tests__ subfolders as well.
hooks/ - Hooks that are shared across the application
redux/ - Contains the redux store, state slices, and helpers for the application
services/ - Code related to interfacing with any external APIs
theme/ - Any files related to MUI theming and overrides
utils/ - All utility functions used throughout the application
Moved the /images folder into the public folder
Deleted unused components, pages, and related services
Rationale behind the changes?
The current files and folder structure needed to be cleaned up as we prepare to onboard new members.
What changes did you make?
src/- The source code for the frontend applicationfeatures/- Contains the components for the application organized by feature as well as a/uifor shared componentsfeature/- Inside the features folder are folders containing components for a specific feature along with any other required files.hooks/- Hooks related to the featurehelpers/- Helper functions related to the feature__tests__- Tests for components in the featurepages/- Contains all pages that are rendered by the application. These can be organized by features and containhooks/,helpers/, and__tests__subfolders as well.hooks/- Hooks that are shared across the applicationredux/- Contains the redux store, state slices, and helpers for the applicationservices/- Code related to interfacing with any external APIstheme/- Any files related to MUI theming and overridesutils/- All utility functions used throughout the application/imagesfolder into the public folderRationale behind the changes?