• 3.1 Framework & Libraries
• 3.2 Folder Structure Example
• 3.3 Frontend Architecture and Visual Flow

Legend / Notes:

• Server State: Managed by React Query (/features/*/hooks)
• Client/UI State: Redux (/store) + Context (/context)
• Feature Isolation: Each /features/* is self-contained (components, hooks, services, types)
• Shared Components: /components/ui (atomic) + /components/layout (Navbar/Footer)
• Data Flow: Component ← Hooks ← Service ← Lib/axios ← Backend API