Project Structure

React

Project structure in React

├───public
└───src
    ├───app (state management configuration files)
    ├───components
    │   ├───custom (custom components)
    │   └───ui (global ui components)
    ├───features (state management feature files)
    ├───utils (utility functions and variables)
    │   └───hooks (custom hooks)
    │   └───helpers (helper functions)
    │   └───constants (contants)
    ├───pages
    │   └───public (public pages)
    │   └───private (private pages)
    │   └───auth (auth related pages)
    ├───provider (any provider component if needed)
    ├───routes (routing)
    └───theme (theme setup)

danger

The project structure for this project is still being discussed on for the best folder patterns to keep project manageable and scalable.