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.

This Documentation Contains:Contains

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

      1.  Backend framework

      Web/frontend framework Mobile/frontend framework

       Database. eg: Postgres, mysql...

      Ui libraries. Library tools. eg: zustand for state management...

       

      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

      Backend folder structure

      Frontend folder structure

      Design patterns and development strategies

      3. Localization, Language & Cultural Support

        Multi-language database translation strategy

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

        Hijri calendar and date localization

        4. Core Domain Logic

          Qibla calculation logic

          Prayer prayer timestime calculation methods

          Hijri time caulculation methods

          translated5. tablesMedia inManagement

          database

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

            backendVideo folderhosting structure,and streaming strategy

            6. Notifications & Communication

              Timezone-aware push notification system

              systemEmail notification design patterns.architecture

              Notification

              reliability and crash handling


              Back to top