Skip to main content

Saheb App Design System

1. Purpose of This Documentation

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

We will be covering:

1. Technology Stack

  1. Backend framework

  2. Web frontend framework

  3. Mobile frontend framework

  4. Database technology (PostgreSQL, MySQL, etc.)

  5. UI libraries

  6. Supporting libraries and tools (state management, utilities)


2. Application Architecture & Project Structure

  1. Overall 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 time calculation methods

  3. Hijri time caulculation methods

5. Media Management

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

  2. Video hosting and streaming strategy


6. Notifications & Communication

  1. Timezone-aware push notification system

  2. Email notification architecture

  3. Notification reliability and crash handling

  4. scheduling notificaiton with cron

deplyoment mobile.

Logging user actions