# 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.