Taha Association Center - Management Interface

A modern, responsive Progressive Web App (PWA) for managing Taha Association Center systems.

🚀 Features

• 📱 Fully Responsive - Works seamlessly on desktop, tablet, and mobile devices
• 💾 Installable - Can be installed as a standalone app on any device
• 🎨 Modern Design - Beautiful gradient UI with smooth animations
• ⚡ Fast & Lightweight - Built with Vite for optimal performance
• 🌐 Offline Support - PWA capabilities allow offline access
• ♿ Accessible - Supports high contrast mode and reduced motion preferences

🎯 Quick Access to Systems

The dashboard provides direct access to:

• 📅 Bookings - Booking management system
• 📝 Funeral Form - Funeral service form management
• 👥 Membership - Membership management system
• 🏫 Taha School System - School management system

🛠️ Tech Stack

• React 18 - Modern React with hooks
• Vite 5 - Next-generation frontend tooling
• PWA - Progressive Web App with service worker
• CSS3 - Modern CSS with animations and responsive design

📦 Installation

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

📱 Installing as an App

Desktop (Chrome, Edge, Brave)

1. Open the app in your browser
2. Look for the install icon (➕) in the address bar
3. Click "Install" to add to your desktop

Mobile (Android/iOS)

1. Open the app in your browser
2. Tap the browser menu (⋮ or Share icon)
3. Select "Add to Home Screen" or "Install"

🎨 Color Scheme

The interface uses a modern purple gradient theme:

• Primary: #4F46E5 (Indigo)
• Secondary: #7C3AED (Purple)
• Accent: #8B5CF6 (Violet)

📐 Responsive Breakpoints

• Desktop: 1200px and above
• Tablet: 768px - 1199px
• Mobile: Below 768px
• Small Mobile: Below 480px

🌙 Dark Mode Support

The app respects your system's color scheme preferences and includes dark mode support.

♿ Accessibility Features

• High contrast mode support
• Reduced motion support for users with motion sensitivities
• Semantic HTML for screen readers
• Keyboard navigation support

📄 License

© 2025 Taha Association Center. All rights reserved.

🤝 Support

For issues or questions, please contact the Taha Association Center IT department.