Saheb App Design System

1. Purpose of This Documentation

This presentation explains the design and technical decisions behind our application design system.

This Documentation Contains:Contains

Describe1. theTechnology selected frameworks, libraries, and tools. this includes:  Stack

1. 1.  Backend framework

   2. Web/frontend framework
   3. Mobile/frontend framework

   4.  Database. eg: Postgres, mysql...

   5. Ui libraries.
   6. Library tools. eg: zustand for state management...
   7. 
      

 

ExplainWeb thefrontend technicalframework

decisions

planned,

project

Mobile structurefrontend framework

Database technology (PostgreSQL, MySQL, etc.)

UI libraries

Supporting libraries and designtools patterns(state management, utilities)

---

2. Application Architecture & Project Structure for the project, this includes:

1. qiblaOverall system architecture and technical decisions

2. Backend folder structure

3. Frontend folder structure

4. Design patterns and development strategies

---

3. Localization, Language & Cultural Support

1. Multi-language database translation strategy

2. RTL (Right-to-Left) support on web and mobile

3. Hijri calendar and date localization

---

4. Core Domain Logic

1. Qibla calculation logic

2. Prayer prayer timestime calculation methods

3. Hijri time caulculation methods

---

translated5. tablesMedia inManagement

database

1. Audio resource handling (Sermon / موعظة)

2. backendVideo folderhosting structure,and streaming strategy

---

6. Notifications & Communication

1. Timezone-aware push notification system

2. systemEmail notification design patterns.architecture

Notification

reliability and crash handling