Skip to main content
Version: Current

Project Structure

Directory Tree​

Directory Description​

DirectoryResponsibility
public/Static files not processed by Webpack, copied directly to build/
public/images/Images organized by module for easier maintenance
src/components/All React components, organized by function
src/components/ui/Reusable UI components
src/components/Pages/Page-level components, corresponding to routes
src/lib/Pure logic utilities, no UI

Image Storage Guidelines​

  • Images are stored under public/images/
  • Create subdirectories by module: Activity/, About/, Resources/, etc.
  • Reference path: /images/module-name/filename