pharmacy-desktop

byIsmail

Role & Task: Act as a Senior UI/UX Designer and Lead Desktop Developer. Create a modern, fully functional Desktop Pharmacy Management Application using Electron.js with HTML, CSS (Tailwind CSS or custom CSS), and JavaScript/React. Language & Typography: Language: Arabic (RTL layout support dir="rtl"). Font: Clean, elegant, and highly legible modern Arabic font (e.g., Cairo, Tajawal, or IBM Plex Sans Arabic). Visual Design & Aesthetics: Color Palette: Professional medical theme featuring soft shades of Emerald Green and Ocean Blue combined with clean white/light-gray backgrounds. UI Style: Apple-inspired design language (macOS/iOS style). Feature rounded corners (squircle shapes, border-radius: 16px to 24px), subtle drop shadows, translucent glassmorphism effects, and smooth micro-interactions/transitions. Core Features & Layout: Sidebar Navigation: Collapsible sidebar with Apple-style rounded icons for quick access to: Dashboard (Overview & Analytics) Inventory / Drug Stock (إدارة الأدوية والمخزون) Point of Sale / POS (مبيعات وفواتير) Supplier Management (إدارة الموردين) Expiry & Low-Stock Alerts (تنبيهات الصلاحية والنقص) Reports & Sales History (التقارير والمبيعات) Dashboard Overview: Stat cards with rounded edges showing daily sales, expiring medicines, low stock counts, and total inventory value. POS Section: Quick search bar for medicines, easy cart addition, discount calculation, and print invoice button. Technical Requirements: Provide the setup for Electron.js (main.js, index.html, and styles.css). Smooth state transitions and fluid UI animations. Fully responsive layout optimized for desktop screen sizes.