Frontend Setup

node --version
npm --version

npm install -g @angular/[email protected]

ng version

cd frontend
npm install

frontend/
├── src/
│   ├── app/
│   │   ├── services/          # HTTP and business logic services
│   │   ├── models/            # TypeScript interfaces and types
│   │   ├── pipes/             # Custom pipes for data formatting
│   │   ├── utils/             # Utility functions
│   │   ├── dashboard-map/     # Map visualization component
│   │   ├── dashboard-table/   # Table view component
│   │   ├── dashboard-metrics/ # Metrics display components
│   │   ├── dashboard-filters/ # Filter controls component
│   │   ├── dashboard-tabs/    # Tab navigation component
│   │   ├── app.component.ts   # Root component
│   │   └── app.config.ts      # Application configuration
│   ├── environments/          # Environment-specific configs
│   ├── styles.scss           # Global styles
│   └── main.ts               # Application entry point
├── angular.json              # Angular workspace configuration
├── tsconfig.json            # TypeScript configuration
└── package.json             # Dependencies and scripts

import { ProductService } from '@services/product.service';
import { Product } from '@models/product.model';
import { FormatNumberPipe } from '@pipes/format-number.pipe';
import { formatNumber } from '@utils/format-number.util';

# Start development server (http://localhost:4200)
npm start

# Start with watch mode for continuous builds
npm run watch

# Production build
npm run build

# Output: dist/frontend/

# Run ESLint
npm run lint

# Format code with Prettier
npm run format

# Check formatting without changes
npm run format:check

# Run unit tests with Karma
npm test

npm start

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "configurations": {
    "development": {
      "buildTarget": "frontend:build:development"
    }
  },
  "defaultConfiguration": "development"
}

// src/environments/environment.ts
export const environment = {
  production: false,
  apiUrl: 'http://localhost:3000/api'
};