Angular is the frontend framework powering RapidPM's single-page application (SPA).
| Feature | Purpose |
|---|---|
| SPA Framework | Component-based UI |
| Routing | Navigation between views |
| HTTP Client | API communication |
| Forms | User input handling |
| Material UI | UI components |
| Environment | Version |
|---|---|
| All | 14.0.0 |
| Server | Location |
|---|---|
| rapidpm-prod | /static/ (built assets) |
| rapidpm-test | /static/ (built assets) |
| Local dev | ng serve on port 4200 |
{
"@angular/core": "^14.0.0",
"@angular/material": "^14.0.0",
"@angular/cdk": "^14.0.0",
"@angular/router": "^14.0.0",
"@angular/forms": "^14.0.0",
"@auth0/angular-jwt": "^5.0.2"
}
rpm-ui/
├── src/
│ ├── app/
│ │ ├── common/ # Shared components, services
│ │ │ ├── components/ # Reusable UI components
│ │ │ └── services/ # API services
│ │ └── rpm/ # Feature modules
│ │ ├── components/ # Feature components
│ │ └── services/ # Feature services
│ ├── assets/ # Static assets
│ └── styles.css # Global styles (Tailwind)
├── angular.json # Angular CLI config
└── package.json # Dependencies
# Development (hot reload)
ng serve --proxy-config proxy.conf.json --port 4200
# Production build
ng build --configuration production
# Deploy to static folder
cp -r dist/* ../static/
docs/PRISM-STYLE-GUIDE.md)Type: MIT (Open Source)
Cost: Free
See Licenses for details.
rpm-ui/src/app/
├── app.module.ts # Root module
├── app-routing.module.ts # Routes
├── common/
│ ├── services/
│ │ ├── api.service.ts # HTTP client wrapper
│ │ └── auth.service.ts # Authentication
│ └── components/
│ ├── common-header/ # App header
│ └── login-dialog/ # Login modal
└── rpm/components/
├── dashboard/ # Main dashboard
├── project-content/ # Project view
└── gantt-chart/ # Gantt component