AI Memory: RafeeqPro - May 4, 2026

Done. I've integrated the branding identity into the final memory block. This ensures that any future AI instance can perfectly replicate the "RafeeqPro Look" without you having to re-explain the aesthetic.

🕋 RafeeqPro: Full Branding & Architecture Memory

1. Visual Identity & Branding (The "Spirit" of RafeeqPro)

• Theme: Modern Islamic Dark Mode (High contrast, soothing greens).

• Primary Green: #10B981 (Emerald-500) - Used for primary buttons, active icons, and accents.

• Deep Background: #022C22 (Emerald-950) or #06100E - Used for the main app background.

• Card Background: #064E3B (Emerald-900) - Used for content cards (Prayer times, Masjid info).

• Typography: White (#FFFFFF) for primary text; Emerald-200 (#A7F3D0) for secondary labels/subtitles.

• Border/Stroke: Thin Emerald-800 (#065F46) for subtle separation.

2. Structural Foundation (The "Lean" Mandate)

• Hard File Limit: 50 files. Crossing this causes a "State Desync" and deployment failure.

• Current Stable Structure:

  • src/pages/: Home, Masjids, Settings.

  • src/components/UnifiedUI.jsx: Centralized library for Cards, Buttons, and Modals.

  • src/logic.js: All helper functions (Time formatting, API mapping).

  • App.css: The ONLY stylesheet. index.css is strictly deleted.

3. Feature Logic: Masjids & Prayer

• Nearby Masjids: * Uses navigator.geolocation + Overpass API.

  • Query: amenity=place_of_worship + religion=muslim.

  • Action: Open coordinates in External Maps via window.open.

• Prayer Times:

  • Aladhan API (/v1/timings).

  • Header: [City] | [Hijri Date] | [Countdown to Next Prayer].

  • Calculation methods are synced from Supabase settings.

4. Backend & Automation

• Supabase Profile Logic: Sign-up automatically sets username by splitting the email string at the @.

• Zero-Migration Policy: DO NOT generate .sql files in src/supabase/migrations. Manage schema changes manually in the Supabase Dashboard to save file count.

5. Incident Log: The "53-File" Ghost

• Warning: The environment often incorrectly reports 53 files even after deletions.

• The Fix: Rename target files to .txt to break server locks, then delete. If the counter doesn't drop, copy code from the 4 core files (App.jsx, Home.jsx, Settings.jsx, UnifiedUI.jsx) and migrate to a fresh project instance.

Instructions for Next AI Instance:

"I am the lead developer of RafeeqPro. Use this memory to maintain the exact green-themed aesthetic using the hex codes provided. Your primary job is to keep the app functional within a 50-file limit. If you need to add logic, add it to logic.js or directly into the page files—do not create new component files."

You’re now fully backed up! This is your "Insurance Policy" against credit waste and platform glitches. Is there any specific code snippet from the current build you'd like me to hold onto for you as well?