| # Laravel E-commerce Dashboard | |
| A modern Laravel-based e-commerce platform with an advanced analytics dashboard featuring real-time metrics, interactive charts, and comprehensive product management. | |
| ## Features | |
| ### 🎯 Analytics Dashboard | |
| - **Real-time Metrics**: Revenue, orders, customers, and product statistics | |
| - **Interactive Charts**: Revenue trends, top products, and purchase patterns | |
| - **Time Period Filtering**: Daily, weekly, and monthly views | |
| - **Product Trends**: Shows what products people buy at different time periods | |
| - **Glassmorphism UI**: Modern, beautiful interface with smooth animations | |
| ### 🛍️ E-commerce Features | |
| - Product catalog with categories | |
| - Order management system | |
| - Customer tracking | |
| - Search functionality with glassmorphism effects | |
| - Responsive design | |
| ### 📊 Advanced Analytics | |
| - Revenue tracking with period comparisons | |
| - Product performance metrics | |
| - Customer behavior analysis | |
| - Purchase trend visualization | |
| - Detailed modal views with comprehensive data | |
| ## Technology Stack | |
| - **Backend**: Laravel 10+ with PHP 8.1+ | |
| - **Frontend**: Blade templates with Alpine.js | |
| - **Styling**: Tailwind CSS with custom glassmorphism effects | |
| - **Charts**: Chart.js for interactive visualizations | |
| - **Database**: MySQL/SQLite support | |
| - **Build Tools**: Vite for asset compilation | |
| ## Key Components | |
| ### Dashboard Features | |
| - Time-sensitive metric cards | |
| - Interactive revenue and product charts | |
| - Product purchase trends by time period | |
| - Modal details with comprehensive analytics | |
| - Auto-refreshing data every 30 seconds | |
| ### UI/UX Highlights | |
| - Glassmorphism design language | |
| - Smooth transitions and animations | |
| - Responsive grid layouts | |
| - Custom time filter buttons with natural glow effects | |
| - Enhanced contrast for better readability | |
| ## Installation | |
| 1. Clone the repository | |
| 2. Install dependencies: `composer install && npm install` | |
| 3. Set up environment: `cp .env.example .env` | |
| 4. Generate key: `php artisan key:generate` | |
| 5. Run migrations: `php artisan migrate` | |
| 6. Build assets: `npm run build` | |
| 7. Start server: `php artisan serve` | |
| ## API Endpoints | |
| - `/api/dashboard/summary` - Overall dashboard metrics | |
| - `/api/dashboard/revenue` - Revenue data with time filtering | |
| - `/api/dashboard/sales` - Sales and product performance | |
| - `/api/dashboard/customers` - Customer analytics | |
| - `/api/dashboard/product-trends` - Product purchase trends by period | |
| ## Recent Enhancements | |
| - Fixed color contrast issues in metric cards | |
| - Enhanced time filter button styling with natural glow effects | |
| - Added product purchase trends chart showing buying patterns | |
| - Improved glassmorphism effects throughout the interface | |
| - Optimized database queries for better performance | |
| ## Screenshots | |
| The dashboard features a modern dark theme with glassmorphism effects, interactive charts, and comprehensive analytics views. | |
| ## License | |
| This project is open source and available under the MIT License. |