How sho-tiii/kusinapp works
KusinApp is documented as a cross-platform Filipino meal-planning and pantry app, but the supplied tree contains implementation for authentication, health onboarding, and admin access rather than pantry tracking or meal planning. The main flows are web and mobile sign-in/registration, profile onboarding, and role-governed admin access. Firebase provides authentication and shared profile storage; the web also dispatches email. The README describes broader planning capabilities, but no corresponding source modules appear in this tree, so they are not mapped as implemented components.
Main entry points: App.jsx Web flow and portals · App.js Mobile route flow · services/authService.js Web auth service · services/authService.js Mobile auth service
Components 27
Web application
- Web flow and portals
web/src/App.jsx - Member login
web/src/components/auth/Login.jsx - Member registration
web/src/components/auth/Register.jsx - Password recovery
web/src/components/auth/ForgotPassword.jsx - Health onboarding
web/src/components/onboarding/Onboarding.jsx - Admin sign-in
web/src/components/admin/AdminLogin.jsx - Admin profile
web/src/components/admin/AdminProfile.jsx
Mobile application
- Mobile route flow
mobile/App.js - Mobile signup
mobile/src/screens/SignupScreen.js - Mobile login
mobile/src/screens/LoginScreen.js - Email verification
mobile/src/screens/VerifyScreen.js - Setup introduction
mobile/src/screens/SetupIntroScreen.js - Health onboarding
mobile/src/screens/OnboardingScreen.js - Home screen
mobile/src/screens/HomeScreen.js - Google sign-in UI
mobile/src/components/GoogleSignInButton.js
Identity and services
- Web auth service
web/src/services/authService.js - Admin service
web/src/services/adminService.js - Email dispatcher
web/src/services/emailService.js - Email templates
web/src/services/emailTemplates.js - Mobile auth service
mobile/src/services/authService.js
Shared backend
- Web Firebase config
web/src/config/firebase.js - Mobile Firebase config
mobile/src/config/firebase.js - Firebase Authentication
- Firebase Realtime Database
Other components
- Web user
- Mobile user
- Email delivery APIs
Connections 36
- Web user → Web flow and portals: uses
README.md - Web flow and portals → Member login: routes to
web/src/App.jsx - Web flow and portals → Member registration: routes to
web/src/App.jsx - Web flow and portals → Password recovery: routes to
web/src/App.jsx - Web flow and portals → Health onboarding: routes to
web/src/App.jsx - Web flow and portals → Admin sign-in: routes to
web/src/App.jsx - Web flow and portals → Admin profile: routes to
web/src/App.jsx - Member login → Web auth service: calls
web/src/components/auth/Login.jsx - Member registration → Web auth service: calls
web/src/components/auth/Register.jsx - Password recovery → Web auth service: calls
web/src/components/auth/Login.jsx - Health onboarding → Web auth service: saves through
web/src/components/onboarding/Onboarding.jsx - Admin sign-in → Admin service: calls
web/src/components/admin/AdminLogin.jsx - Admin profile → Admin service: calls
web/src/components/admin/AdminProfile.jsx - Admin service → Web auth service: authenticates via
web/src/services/adminService.js - Web auth service → Web Firebase config: uses
web/src/services/authService.js - Web auth service → Email dispatcher: sends welcome email
web/src/services/authService.js - Email dispatcher → Email templates: renders
web/src/services/emailService.js - Email dispatcher → Email delivery APIs: dispatches to
web/src/services/emailService.js - Web Firebase config → Firebase Authentication: configures
README.md - Web Firebase config → Firebase Realtime Database: configures
README.md - Mobile user → Mobile route flow: uses
README.md - Mobile route flow → Mobile signup: routes to
mobile/App.js - Mobile route flow → Mobile login: routes to
mobile/App.js - Mobile route flow → Email verification: routes to
mobile/App.js - Mobile route flow → Setup introduction: routes to
mobile/App.js - Mobile route flow → Health onboarding: routes to
mobile/App.js - Mobile route flow → Home screen: routes to
mobile/App.js - Mobile signup → Mobile auth service: calls
mobile/src/screens/SignupScreen.js - Mobile login → Mobile auth service: calls
mobile/src/screens/LoginScreen.js - Email verification → Mobile auth service: calls
mobile/src/screens/VerifyScreen.js - Health onboarding → Mobile auth service: saves through
mobile/src/screens/OnboardingScreen.js - Google sign-in UI → Mobile auth service: calls
mobile/src/components/GoogleSignInButton.js - Home screen → Mobile auth service: uses
mobile/src/screens/HomeScreen.js - Mobile auth service → Mobile Firebase config: uses
mobile/src/services/authService.js - Mobile Firebase config → Firebase Authentication: configures
mobile/src/config/firebase.js - Mobile Firebase config → Firebase Realtime Database: configures
mobile/src/config/firebase.js