# Enhanced Prompt: TS Project Manager — Full Upgrade & Bug Fix --- ## 🚀 SPLASH / LAUNCH SCREEN Implement a professional **animated splash screen** that displays on app launch: - Show the **app logo centered** on screen with a smooth **fade-in + subtle scale animation** (like production apps such as Notion, Linear, or Figma). - Below the logo, display the **app name** in a clean, bold typography style consistent with the app's design language. - The splash screen must be **fast (1.5–2s max)**, non-blocking, and feel premium — not jarring. - After the animation completes, **auto-navigate to the main dashboard** using a smooth **crossfade or slide-up transition** (no abrupt screen jumps). - The splash background should match the app's primary brand color or use a gradient that complements the logo. --- ## 🔝 TOP APP BAR REDESIGN Redesign the top app bar across the entire app: **Left Side:** - Display the **app logo** (small, scaled appropriately) followed by the **app name** in styled text — consistent across all screens. **Right Side:** - **Menu Icon** (hamburger or vertical dots) — tapping opens a dropdown/drawer with: - âš™ī¸ **Settings** (detailed below) - 🆘 **Support** — links to help/FAQ or in-app support chat - â„šī¸ **Info/About** — app version, developer info, licenses - **Notification Bell Icon** — tapping opens a notification panel showing push alerts for tasks, goals, projects, versions, reminders, etc. Show a badge counter for unread notifications. **Settings Section must include:** - General Preferences - Theme (Light / Dark / System) - **Typography** — let the user choose font family, font size scale (Small / Medium / Large / Extra Large), and font weight preferences. Apply changes globally across the app in real time. - Notification Preferences - Privacy & Security - Linked Accounts (GitHub, Vercel) - Region & Language Config *(fix this — currently broken)* - Cloud Storage Settings *(fix this — currently broken)* - Crypto / Data Security Settings *(fix this — currently broken)* --- ## 🔍 GLOBAL SEARCH BAR Add a **powerful, real-time global search bar** at the top of the dashboard header: - It must search **across the entire app** — not just one screen. - **Searchable entities include:** - Projects (by name, status, date) - Project Versions (by version number, tag, or description) - Tasks & Goals - Clients - Uploaded Files - Invoices - Team Members / Contacts - Show **categorized results** (e.g., "Projects", "Tasks", "Clients") as the user types — like a command palette (inspired by Linear/Notion). - Support **keyboard shortcut** feel with instant filtering — no page reload. - Show **recent searches** when the bar is empty and focused. - Highlight matched keywords in results. --- ## 🕒 REAL-TIME DATE & TIME SYNC - Automatically sync and display the **current date and time** based on the **device's system clock** across all relevant sections (dashboard, task reminders, calendar, invoices, etc.). - Do **not** hardcode any date/time values — all timestamps must be dynamic and live. --- ## 📁 PROJECT SECTION — FULL REDESIGN & ENHANCEMENT Completely redesign the project section to be **well-organized, visually clean, and fully customizable**: ### Project Cards: - Allow uploading a **project logo/image** via a clearly visible upload button on the project creation/edit form. - The uploaded logo must **display on the project card** (circular or rounded thumbnail). - The upload button must be **fully functional** — support gallery/camera upload, file picker, and URL input. ### Project Versions: - **Sequentially number** all versions (v1, v2, v3â€Ļ) with the number displayed **prominently on the left side** of each version entry. - Add a **Vercel Deployment Link** field per version: - Input field to paste the deployment URL. - A **"Open Vercel Dashboard"** button that opens the link directly in the browser. - Add a **GitHub Repository Link** field per version: - Input field to paste the repo URL + optional commit SHA/branch. - A **"Open on GitHub"** button that navigates directly to that commit/branch on GitHub. ### Delete Controls: - Add **"Delete Project"** and **"Delete Version"** buttons. - Both must show a **confirmation dialog** that requires the user to **type "YES"** to confirm — preventing accidental deletion. ### Search & Filter (Fix + Enhance): - The **search bar** in the project section must be fully functional — filter projects in real time by name, status, client, or date. - The **filter button** must open a filter panel with options: Status, Date Range, Client, Tags, Priority — apply filters live and show active filter chips. ### Additional Project Customizations: - Add **tags/labels** to projects (e.g., "In Progress", "On Hold", "Delivered"). - Add a **project priority level** (Low / Medium / High / Critical). - Add **project color coding** — let users assign a color to a project card for visual organization. - Add a **project notes/description** rich text field. - Add **team member assignment** per project. --- ## 📋 VERSION DASHBOARD — FIX ALL BROKEN BUTTONS Inside each project version, fix and fully implement the following: - **Top Bar Buttons:** - âš™ī¸ **Settings** button — opens version-specific settings (rename, change status, assign members). - 📤 **Share** button — generates a shareable summary (PDF or link) of the version details. - đŸ—‘ī¸ **Uninstall/Archive** button — archives or removes the version with confirmation. - **Upload File Button:** - Must be **fully functional** — allow uploading documents, images, APKs, ZIPs, etc. - After upload, show each file with: - đŸ‘ī¸ **View** button — opens/previews the file inline or in a viewer. - 📤 **Share** button — share the file via native share sheet. - đŸ—‘ī¸ **Delete** button. - **Invoice Buttons (Top Bar):** - Fix all invoice-related buttons. - Allow creating, viewing, editing, and exporting invoices per version. - Support PDF export of invoices. - **"Extend Specs" Button:** - Must open an expandable section showing extended technical specifications for the version. - Must be fully functional and persist data on save. --- ## 📊 DASHBOARD — FIX & ENHANCE - **Revenue Analytics Graph:** - Fix the graph — it must render real data, not be blank. - Use a **smooth line or bar chart** showing revenue over time (weekly/monthly/yearly toggle). - Make it interactive — tap on data points to see detailed figures. - Add comparison metrics (e.g., vs. last month). - **"Active Feed" Section:** - Fix the active feed — it must display a **live activity feed** of recent app actions (new tasks, project updates, invoices created, files uploaded, etc.). - Entries should be timestamped and tappable (navigate to the relevant item). - **Floating Action Button (FAB — Plus Icon):** - Fix the FAB at the bottom of the dashboard. - Tapping it should open a **speed dial / bottom sheet** with quick-add options: Add Project, Add Task, Add Client, Add Invoice, etc. --- ## 👤 BOTTOM NAVIGATION — REPLACE "MORE" WITH "PROFILE" - Replace the **"More"** tab in the bottom navigation bar with a **"Profile"** tab. - The Profile section must include: - **Personal Profile** — name, avatar, role, contact info (all editable). - **Business Profile** — company name, logo, address, official email *(fix the bug where official email cannot be edited)*, GST/tax info, website, social links. - **Account Settings** shortcut. - **Logout** option. --- ## 🔔 ANDROID PERMISSION SYSTEM Implement a **professional Android runtime permission system** following Android best practices (show rationale dialogs before requesting, handle denial gracefully): | Permission | Trigger | |---|---| | **Storage / All Files Access / Media / Documents** | When user uploads files, exports data, or imports documents | | **Microphone** | When user initiates voice input or recording features | | **Contacts** | When user links or imports contacts to a client/project | | **Calendar (Always Allow)** | On first launch — request "Always Allow" for task/goal reminders | | **Notifications** | On first launch — request permission; used for task reminders, goal deadlines, project updates, version changes, invoice alerts, etc. | | **Location** | Only when user accesses a location-based feature — request "While Using App" | - If a permission is **denied**, show a helpful in-app message explaining why it's needed with a shortcut to **app settings**. - Never block app usage if a non-critical permission is denied. --- ## đŸ› ī¸ GLOBAL BUG FIXES & QUALITY REQUIREMENTS - **Every button and interactive element must be fully functional** — no placeholder/demo behavior. - **All forms must save data persistently** — no data loss on navigation or app restart. - **All navigation flows must be smooth** — no broken routes or blank screens. - **Fix all console errors and runtime crashes.** - **Test all edge cases:** empty states, long text, missing images, offline state. --- ## ⚡ HIGH-LEVEL INSTRUCTIONS 1. **All changes must be production-grade** — not prototype or demo quality. 2. **Every button, form, toggle, and feature must work in real scenarios** — treat this as a live app used by real clients. 3. **Conduct a full app audit** — test every screen, button, and flow end to end before finalizing. 4. **Fix all existing bugs and errors** — zero broken states at delivery. 5. **Maintain design consistency** — all new UI must match the existing design language (colors, spacing, typography). 6. **Performance matters** — no janky animations, slow loads, or memory leaks. --- This prompt is now comprehensive, developer-ready, and structured for clean implementation. Every section is specific enough to be actionable without ambiguity.