feat: implement full-stack veil product management including frontend UI components and backend API with data models, schemas, and repositories.

Author: beginwebdev2002

backend/src/app.module.ts

@@ -31,11 +31,16 @@ import { PartnershipModule } from './partnership/partnership.module';
     InventoryModule,
     PartnershipModule,
     ServeStaticModule.forRoot({
-      rootPath: join(__dirname, '..', 'uploads'),
+      rootPath: join(process.cwd(), 'uploads'),
       serveRoot: '/uploads',
     }),
   ],
   controllers: [AppController],
   providers: [AppService],
 })
-export class AppModule {}
+export class AppModule {
+  constructor() {
+    console.log(join(process.cwd(), 'uploads'));
+    console.log(process.cwd());
+  }
+}

backend/src/main.ts

@@ -12,6 +12,7 @@ async function bootstrap() {
       whitelist: true,
       forbidNonWhitelisted: true,
       transform: true,
+      transformOptions: { enableImplicitConversion: true },
     }),
   );
   app.enableCors({

backend/src/veil/domain/veil.entity.ts

@@ -1,19 +1,56 @@
+export interface VeilProps {
+  id: string;
+  name: string;
+  description: string;
+  price: number;
+  rentalPrice: number;
+  images: string[];
+  category: string;
+  isAvailable?: boolean;
+  sku?: string;
+  silhouette?: string;
+  neckline?: string;
+  fabric?: string;
+  trainLength?: string;
+  stock?: number;
+  createdAt?: Date;
+  updatedAt?: Date;
+}
+
 export class Veil {
-  constructor(
-    public readonly id: string,
-    public readonly name: string,
-    public readonly description: string,
-    public readonly price: number,
-    public readonly rentalPrice: number,
-    public readonly images: string[],
-    public readonly category: string,
-    public readonly isAvailable: boolean = true,
-    public readonly sku?: string,
-    public readonly silhouette?: string,
-    public readonly neckline?: string,
-    public readonly fabric?: string,
-    public readonly trainLength?: string,
-    public readonly stock?: number,
-    public readonly createdAt: Date = new Date(),
-  ) {}
+  public readonly id: string;
+  public readonly name: string;
+  public readonly description: string;
+  public readonly price: number;
+  public readonly rentalPrice: number;
+  public readonly images: string[];
+  public readonly category: string;
+  public readonly isAvailable: boolean;
+  public readonly sku?: string;
+  public readonly silhouette?: string;
+  public readonly neckline?: string;
+  public readonly fabric?: string;
+  public readonly trainLength?: string;
+  public readonly stock?: number;
+  public readonly createdAt: Date;
+  public readonly updatedAt: Date;
+
+  constructor(props: VeilProps) {
+    this.id = props.id;
+    this.name = props.name;
+    this.description = props.description;
+    this.price = props.price;
+    this.rentalPrice = props.rentalPrice;
+    this.images = props.images;
+    this.category = props.category;
+    this.isAvailable = props.isAvailable ?? true;
+    this.sku = props.sku;
+    this.silhouette = props.silhouette;
+    this.neckline = props.neckline;
+    this.fabric = props.fabric;
+    this.trainLength = props.trainLength;
+    this.stock = props.stock;
+    this.createdAt = props.createdAt ?? new Date();
+    this.updatedAt = props.updatedAt ?? new Date();
+  }
 }

backend/src/veil/infrastructure/repositories/veil.repository.ts

@@ -51,17 +51,42 @@ export class VeilRepository {
   }
 
   private toDomain(doc: VeilDocument): Veil {
-    const d = doc as any;
-    return new Veil(
-      d._id.toString(),
-      d.name,
-      d.description,
-      d.price,
-      d.rentalPrice,
-      d.images,
-      d.category,
-      d.isAvailable,
-      d.createdAt,
-    );
+    const {
+      _id,
+      name,
+      description,
+      price,
+      rentalPrice,
+      images,
+      category,
+      isAvailable,
+      sku,
+      silhouette,
+      neckline,
+      fabric,
+      trainLength,
+      stock,
+      createdAt,
+      updatedAt,
+    } = doc as VeilDocument;
+
+    return new Veil({
+      id: _id.toString(),
+      name,
+      description,
+      price,
+      rentalPrice,
+      images,
+      category,
+      isAvailable,
+      sku,
+      silhouette,
+      neckline,
+      fabric,
+      trainLength,
+      stock,
+      createdAt,
+      updatedAt,
+    });
   }
 }

backend/src/veil/infrastructure/schemas/veil.schema.ts

@@ -43,6 +43,12 @@ export class VeilSchemaEntity {
 
   @Prop()
   stock: number;
+
+  @Prop({ default: Date.now })
+  createdAt: Date;
+
+  @Prop({ default: Date.now })
+  updatedAt: Date;
 }
 
 export const VeilSchema = SchemaFactory.createForClass(VeilSchemaEntity);

backend/src/veil/presentation/dto/create-veil.dto.ts

@@ -6,7 +6,7 @@ import {
   IsOptional,
   IsBoolean,
 } from 'class-validator';
-import { Type } from 'class-transformer';
+import { Transform, Type } from 'class-transformer';
 
 export class CreateVeilDto {
   @IsString()
@@ -28,8 +28,12 @@ export class CreateVeilDto {
   rentalPrice: number;
 
   @IsArray()
+  @IsOptional()
   @IsString({ each: true })
-  @IsNotEmpty()
+  @Transform(({ value }: { value: string | string[] }) => {
+    if (!!value && Array.isArray(value)) return value;
+    return typeof value === 'string' ? value.split(',') : [];
+  })
   images: string[];
 
   @IsString()
@@ -38,6 +42,7 @@ export class CreateVeilDto {
 
   @IsBoolean()
   @IsOptional()
+  @Transform(({ value }: { value: boolean | string }) => value === 'true')
   isAvailable?: boolean;
 
   @IsString()
@@ -53,15 +58,12 @@ export class CreateVeilDto {
   neckline?: string;
 
   @IsString()
-  @IsOptional()
   fabric?: string;
 
   @IsString()
-  @IsOptional()
   trainLength?: string;
 
   @IsNumber()
-  @IsOptional()
   @Type(() => Number)
   stock?: number;
 }

frontend/src/environments/environment.ts

@@ -1,5 +1,11 @@
-export const environment = {
+export const environment: Environment = {
   production: false,
-  apiUrl: 'http://localhost:4100',
-  telegramBotName: 'test_bot'
+  apiUrl: "http://localhost:4100",
+  telegramBotName: "test_bot",
 };
+
+export interface Environment {
+  production: boolean;
+  apiUrl: string;
+  telegramBotName: string;
+}

frontend/src/features/veil/model/veil.data.ts

@@ -3,8 +3,8 @@ export interface Veil {
   name: string;
   description?: string;
   price: number;
-  rentalPrice?: number;
-  images: string[];
+  rentalPrice: number;
+  images?: string[];
   category: string;
   isAvailable: boolean;
   sku: string;
@@ -16,12 +16,11 @@ export interface Veil {
 }
 
 export const veilFormData: Veil = {
-  id: "",
   name: "Just Name of Veil",
   sku: "lorem",
   price: 2500,
+  rentalPrice: 1000,
   stock: 10,
-  images: ["image_url"],
   silhouette: "lorem",
   neckline: "lorem",
   fabric: "lorem",
@@ -32,12 +31,11 @@ export const veilFormData: Veil = {
 };
 
 export const resetVeilData: Veil = {
-  id: "",
   name: "",
   sku: "",
   price: 0,
+  rentalPrice: 0,
   stock: 0,
-  images: [],
   silhouette: "",
   neckline: "",
   fabric: "",

frontend/src/pages/veil/ui/veil-card/veil-card.component.ts

@@ -1,23 +1,37 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
-import { Veil } from '@features/veil/model/veil.data';
+import { CommonModule } from "@angular/common";
+import {
+  ChangeDetectionStrategy,
+  Component,
+  inject,
+  input,
+  OnInit,
+  output,
+  signal,
+} from "@angular/core";
+import { environment } from "@environments/environment";
+import { Veil } from "@features/veil/model/veil.data";
 
 @Component({
-  selector: 'app-veil-card',
+  selector: "app-veil-card",
   standalone: true,
   imports: [CommonModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  templateUrl: './veil-card.component.html',
-  styleUrl: './veil-card.component.scss'
+  templateUrl: "./veil-card.component.html",
+  styleUrl: "./veil-card.component.scss",
 })
-export class VeilCardComponent {
+export class VeilCardComponent implements OnInit {
   veil = input.required<Veil>();
   index = input<number>(0);
   edit = output<Veil>();
   viewImage = output<string>();
+  env = signal(environment);
+
+  ngOnInit(): void {}
 
   safeImageUrl(): string {
-     return this.veil().images && this.veil().images.length > 0 ? this.veil().images[0] : 'assets/placeholder-gown.png'; 
+    return this.veil().images && this.veil().images.length > 0
+      ? this.env().apiUrl + this.veil().images[0]
+      : "assets/placeholder-gown.png";
   }
 
   onEdit() {