AquaGen Web Application Documentation
Welcome to AquaGen Web Application documentation.
Quick Links
Overview
Modern React-based web interface for the FluxGen water management platform, built with Nx monorepo architecture.
Project Structure
aquagen_web_appp/
├── apps/ # Applications
│ ├── production/ # Production app
│ └── demo/ # Demo app
├── libs/ # Shared libraries
│ ├── dashboard/ # Dashboard components
│ ├── components/ # Shared UI components
│ ├── alerts/ # Alert management
│ └── ...
├── docs/ # Documentation
│ ├── guides/ # User guides
│ ├── components/ # Component docs
│ └── deployment/ # Deployment guides
└── package.json
Quick Start
# Install dependencies
npm install
# Start development server
npm start
# Build for production
npm run build
Documentation Sections
Guides
- Getting Started - Setup and installation
- Development - Development guide
- Architecture - Application architecture
Components
- Component Library - Reusable components
- Dashboard - Dashboard components
- Alerts - Alert components
Deployment
- Production Build - Build for production
- Azure Deployment - Deploy to Azure
- Environment Variables - Configuration
Technology Stack
- React 19.1.0
- TypeScript 5.7.2
- Material-UI 7.2.0
- Nx 21.2.1
- Rspack (bundler)
- Azure MSAL (authentication)
Features
- Real-time dashboards
- Report generation and export
- Multi-language support
- Responsive design
- Module Federation architecture
Contributing
See CONTRIBUTING.md for contribution guidelines.