|
| 1 | +This is the detailed report of the finalized **Sai Leela Rahasya** web application, encompassing the structure, features, and design decisions made for all components. |
| 2 | + |
| 3 | +## 📝 Detailed Application Report: Sai Leela Rahasya |
| 4 | + |
| 5 | +### I. Application Mission & Core Philosophy |
| 6 | + |
| 7 | +The application's fundamental mission is to move beyond the simple narrative of Sai Baba's miracles (_Leela_) to uncover the hidden, instructional story (_Bodhakatha_). It aims to deliver "crystal clear knowledge" and "True information related to Sai Baba's life fact's" and convey the "anguish of Sai's heart to every heart". |
| 8 | + |
| 9 | +### II. Interface & Navigation Strategy |
| 10 | + |
| 11 | +The application employs a responsive design ensuring accessibility across all device types. |
| 12 | + |
| 13 | +### I. Interface Design & Navigation Strategy |
| 14 | + |
| 15 | +The app utilizes responsive design principles for optimal user experience: |
| 16 | + |
| 17 | +| **Element** | **Mobile (Portrait)** | **Tablet/Desktop (Landscape)** | **Function** | |
| 18 | +| --- | --- | --- | --- | |
| 19 | +| **Primary Navigation** | **Footer Tab Bar** | **Left-Hand Sidebar** | Persistent, one-click access to the five core features. | |
| 20 | +| --- | --- | --- | --- | |
| 21 | +| **Utility Menu** | **Top Right Corner Avatar Icon** (Slide-Out Panel) | **Top Right Corner Avatar Icon** (Slide-Out Panel) | Houses user account actions (Sign In/Profile) and secondary links (FAQ, Donate, Glossary, Contact Us). | |
| 22 | +| --- | --- | --- | --- | |
| 23 | +| **Entry Point** | **Landing Page** | **Landing Page** | Acts as the spiritual welcome and drives users to explore the content. | |
| 24 | +| --- | --- | --- | --- | |
| 25 | + |
| 26 | +#### Entry Point: Landing Page |
| 27 | + |
| 28 | +The app opens with a focused Landing Page that acts as a spiritual welcome mat: |
| 29 | + |
| 30 | +- **Hero Message:** "Sai Leela Rahasya: The Secret of Sai's Plays Revealed." |
| 31 | +- **Motto Inclusion:** Features the driving force: "We have believed Sai for years, now let's learn something. It's not our application, Sai, it's your choice." |
| 32 | +- **Primary CTA:** Directs users to the core content. |
| 33 | +- **Social Integration:** Contains subtle links to the source YouTube Channel, Facebook, and Instagram for audience growth. |
| 34 | + |
| 35 | +#### Primary Navigation (5 Core Features) |
| 36 | + |
| 37 | +The five core features are accessed via persistent navigation: |
| 38 | + |
| 39 | +- **Mobile View:** **Footer Tab Bar** for easy, one-handed access. |
| 40 | +- **Tablet/Desktop View:** **Left-Hand Sidebar** for utilizing horizontal space. |
| 41 | + |
| 42 | +| **Feature Page** | **Icon** | **Focus** | |
| 43 | +| --- | --- | --- | |
| 44 | +| **1\. Leela** | Divine Footprints | Narrative Articles (The "What") | |
| 45 | +| --- | --- | --- | |
| 46 | +| **2\. Bodhakatha** | Radiant Figure (Instruction) | Instructional Articles (The "Why") | |
| 47 | +| --- | --- | --- | |
| 48 | +| **3\. Live Stream** | Live Stream Indicator | Real-Time Video Darshan & Library | |
| 49 | +| --- | --- | --- | |
| 50 | +| **4\. Bhajan/Audio** | Music/Speaker Icon | Auditory Devotion & Library | |
| 51 | +| --- | --- | --- | |
| 52 | +| **5\. Ask Krishnaji** | Guidance/Question Icon | Personalized Ticket System | |
| 53 | +| --- | --- | --- | |
| 54 | + |
| 55 | +## Utility & User Profile Menu (Revised) |
| 56 | + |
| 57 | +#### The Utility Menu is triggered by clicking the User/Avatar icon in the Top Right Corner and slides open from the right |
| 58 | + |
| 59 | +### Menu Content Breakdown |
| 60 | + |
| 61 | +<div class="joplin-table-wrapper"><table><thead><tr><th><h4>User State</h4></th><th><h4>Primary Action (Top of Panel)</h4></th><th><h4>Secondary Links (Below Action)</h4></th></tr><tr><th><h4>Guest User</h4></th><th><h4>Sign In / Register button.</h4></th><th><h4>Glossary | FAQ | Donate | Logout</h4></th></tr></thead></table></div> |
| 62 | + |
| 63 | +#### III. Detailed Feature Implementations |
| 64 | + |
| 65 | +#### 1\. Leela & Bodhakatha Pages (Article Lists) |
| 66 | + |
| 67 | +Both pages display articles in a list view, linking directly to the source YouTube video for content transparency. |
| 68 | + |
| 69 | +- **Leela Page Ordering:** Articles are ordered **Chronologically** by Chapter/Sequence number. |
| 70 | +- **Bodhakatha Page Ordering:** Articles are ordered **Semantically** by the Virtue/Theme (e.g., Faith, Saburi) to prioritize instructional wisdom. |
| 71 | + |
| 72 | +#### 2\. Live Streams & Video Darshan Library |
| 73 | + |
| 74 | +This page acts as the central video hub: |
| 75 | + |
| 76 | +- **Priority Placement:** Features a prominently displayed card for the **LIVE NOW** feed, if active. |
| 77 | +- **Library:** Lists individual video cards for recorded content (past Aartis, Darshans). |
| 78 | +- **Functionality:** Includes an **Upcoming Schedule** section to inform users of the next scheduled stream times. |
| 79 | + |
| 80 | +#### 3\. Bhajan/Audio Page |
| 81 | + |
| 82 | +- **Organization:** Content is structured by function: **Daily Aartis** (Kakad, Madhyan, Dhoop, Shej), **Bhajans**, **Mantras/Chants**, and related **Spiritual Discourses**. |
| 83 | +- **User Experience:** Optimized for background listening with a simple interface. |
| 84 | + |
| 85 | +#### 4\. Ask Krishnaji (Personalized Guidance) |
| 86 | + |
| 87 | +This feature is implemented as a professional **Ticket Submission System**. |
| 88 | + |
| 89 | +- **Guest Conversion:** Guests are prompted to **Sign In** to receive personalized answers via email and track their inquiries. |
| 90 | +- **Signed-In User Workflow:** |
| 91 | + - **New Ticket Submission:** Users submit a detailed question (the "ticket"). |
| 92 | + - **Ticket History:** Users view a list of all their past requests, filterable by Status (**Open, Answered, Closed**). |
| 93 | + - **Ticket Detail:** Displays a chronological log of the original question and the guidance provided by the backend team. |
| 94 | + - **Follow-Up:** Users can submit follow-up questions directly within the ticket detail, maintaining a continuous, organized record of their spiritual correspondence. |
| 95 | + |
| 96 | +### IV. Glossary Page |
| 97 | + |
| 98 | +A dedicated utility page for defining key spiritual terms central to the application's mission, including: **Leela**, **Bodhakatha**, **Sai Leela Rahasya**, **Shraddha**, **Saburi**, and **Darshan**. |
0 commit comments