ClearSky is a comprehensive air quality monitoring dashboard built with Laravel that simulates and visualizes real-time air quality data. The application provides an intuitive interface for tracking Air Quality Index (AQI) levels, managing sensor networks, and analyzing historical air quality trends with administrative controls and user-specific alert systems.
ClearSky is a full-stack web application designed to monitor and simulate air quality data across multiple sensor locations. Built with modern Laravel architecture, it features real-time data visualization, custom alert systems, and comprehensive admin controls for managing environmental monitoring networks.
- Real-time AQI monitoring with interactive visualizations using Chart.js
- Sensor network management with location-based tracking and status monitoring
- Custom alert system with configurable thresholds and notification preferences
- Admin dashboard with comprehensive controls for user and sensor management
- Simulation engine for generating realistic air quality data patterns
- Interactive maps powered by Leaflet for geographic sensor visualization
- Historical data tracking and trend analysis capabilities
- Multi-role authentication supporting both users and administrators
- PDF report generation for data export and analysis
- Responsive design with smooth scrolling and modern UI components
- Laravel 12.0 (PHP framework)
- PHP 8.2+ (Server-side language)
- MySQL/SQLite (Database management)
- DomPDF (PDF generation)
- PhpSpreadsheet (Excel file processing)
- Blade Templates (Laravel templating engine)
- Tailwind CSS 4.0 (Styling framework)
- Chart.js (Data visualization)
- Leaflet (Interactive mapping)
- Lenis (Smooth scrolling)
- Vite (Asset bundling and build tool)
- Composer (PHP dependency management)
- NPM (Frontend package management)
- Heroku (Cloud deployment via Procfile)
The application features a robust database structure with specialized tables for:
- Sensors management with coordinates and threshold configurations
- Simulation data with pattern-based readings generation
- Custom alerts with location-specific targeting
- User preferences for notification settings
- Admin controls with role-based permissions
ClearSky follows Laravel's MVC architecture with organized controller layers for dashboard management, reporting systems, and administrative functions. The application includes dedicated view templates for different user roles and comprehensive error handling pages.
Built with ❤️ using Laravel and modern web technologies