/ARCHITECTURE /DEVELOPMENT VIEW
The Development View describes how the Intaliq code is organized: components, packages, layers and their dependencies. The SE365 high-fidelity prototype was designed in Figma, built with JavaScript, HTML and CSS using Vite, backed by Supabase, versioned on GitHub and deployed on Vercel. That stack is the starting point for this architecture.
Layers & Modules
Screens and shared components for Home, Activities, Sessions, Goals and More, including the bottom navigation bar, forms, and confirmation and error messages shown next to the related field (UI-3, UI-4, UI-8). Arabic and English are switched from Settings (UI-1).
Use-case logic: booking a session, admitting members, setting goals, sending partner requests, publishing announcements and querying the AI chatbox. It validates input, enforces the flow and calls infrastructure.
Entities and rules from the SRS data dictionary — User, Coach, Session, Goal, Activity and Partner — with constraints such as capacity greater than 1, beginner/intermediate/advanced intensity, and locations inside Saudi Arabia.
Supabase client for authentication and PostgreSQL access, the offline queue that stores unsent actions and syncs them when the connection returns (CI-4, CI-5), and adapters for the AI, push-notification and email services.