diff --git a/backend/src/main/java/de/szut/casino/blackjack/BlackJackGameEntity.java b/backend/src/main/java/de/szut/casino/blackjack/BlackJackGameEntity.java
index 0dbfcc0..4f22c9d 100644
--- a/backend/src/main/java/de/szut/casino/blackjack/BlackJackGameEntity.java
+++ b/backend/src/main/java/de/szut/casino/blackjack/BlackJackGameEntity.java
@@ -24,10 +24,6 @@ public class BlackJackGameEntity {
     @GeneratedValue
     private Long id;
 
-    @Version
-    @JsonIgnore
-    private Long version;
-
     @ManyToOne
     @JoinColumn(name = "user_id", nullable = false)
     @JsonIgnore
diff --git a/backend/src/main/java/de/szut/casino/blackjack/CardEntity.java b/backend/src/main/java/de/szut/casino/blackjack/CardEntity.java
index 27d09d6..5520b58 100644
--- a/backend/src/main/java/de/szut/casino/blackjack/CardEntity.java
+++ b/backend/src/main/java/de/szut/casino/blackjack/CardEntity.java
@@ -19,10 +19,6 @@ public class CardEntity {
     @JsonIgnore
     private Long id;
 
-    @Version
-    @JsonIgnore
-    private Long version;
-
     @ManyToOne
     @JoinColumn(name = "game_id", nullable = false)
     @JsonBackReference
diff --git a/frontend/src/app/enum/gameState.ts b/frontend/src/app/enum/gameState.ts
new file mode 100644
index 0000000..69e3ddf
--- /dev/null
+++ b/frontend/src/app/enum/gameState.ts
@@ -0,0 +1,6 @@
+export enum GameState {
+  PLAYER_WON = 'PLAYER_WON',
+  IN_PROGRESS = 'IN_PROGRESS',
+  PLAYER_LOST = 'PLAYER_LOST',
+  DRAW = 'DRAW',
+}
diff --git a/frontend/src/app/feature/deposit/deposit.component.ts b/frontend/src/app/feature/deposit/deposit.component.ts
index bb38fc9..6cbae07 100644
--- a/frontend/src/app/feature/deposit/deposit.component.ts
+++ b/frontend/src/app/feature/deposit/deposit.component.ts
@@ -16,12 +16,12 @@ import {
 } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { loadStripe, Stripe } from '@stripe/stripe-js';
-import { DepositService } from '../../service/deposit.service';
 import { debounceTime } from 'rxjs';
-import { environment } from '../../../environments/environment';
 import { NgIf } from '@angular/common';
-import { ModalAnimationService } from '../../shared/services/modal-animation.service';
 import gsap from 'gsap';
+import { DepositService } from '@service/deposit.service';
+import { environment } from '@environments/environment';
+import { ModalAnimationService } from '@shared/services/modal-animation.service';
 
 @Component({
   selector: 'app-deposit',
diff --git a/frontend/src/app/feature/game/blackjack/blackjack.component.html b/frontend/src/app/feature/game/blackjack/blackjack.component.html
index c47d2f6..887aeeb 100644
--- a/frontend/src/app/feature/game/blackjack/blackjack.component.html
+++ b/frontend/src/app/feature/game/blackjack/blackjack.component.html
@@ -49,5 +49,5 @@
   [gameState]="gameState()"
   [amount]="currentBet()"
   [show]="showGameResult()"
-  (close)="onCloseGameResult()"
+  (gameResultClosed)="onCloseGameResult()"
 ></app-game-result>
diff --git a/frontend/src/app/feature/game/blackjack/blackjack.component.ts b/frontend/src/app/feature/game/blackjack/blackjack.component.ts
index 5b5ad42..3780228 100644
--- a/frontend/src/app/feature/game/blackjack/blackjack.component.ts
+++ b/frontend/src/app/feature/game/blackjack/blackjack.component.ts
@@ -1,8 +1,6 @@
 import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { NavbarComponent } from '../../../shared/components/navbar/navbar.component';
 import { Router } from '@angular/router';
-import { UserService } from '../../../service/user.service';
 import { PlayingCardComponent } from './components/playing-card/playing-card.component';
 import { DealerHandComponent } from './components/dealer-hand/dealer-hand.component';
 import { PlayerHandComponent } from './components/player-hand/player-hand.component';
@@ -12,6 +10,9 @@ import { Card, BlackjackGame } from './models/blackjack.model';
 import { BlackjackService } from './services/blackjack.service';
 import { HttpErrorResponse } from '@angular/common/http';
 import { GameResultComponent } from './components/game-result/game-result.component';
+import { GameState } from '../../../enum/gameState';
+import { NavbarComponent } from '../../../shared/components/navbar/navbar.component';
+import { UserService } from '../../../service/user.service';
 
 @Component({
   selector: 'app-blackjack',
@@ -40,7 +41,7 @@ export default class BlackjackComponent {
   balance = signal(0);
   currentGameId = signal<number | undefined>(undefined);
   gameInProgress = signal(false);
-  gameState = signal<string>('IN_PROGRESS');
+  gameState = signal<GameState>(GameState.IN_PROGRESS);
   showGameResult = signal(false);
 
   isActionInProgress = signal(false);
@@ -60,15 +61,15 @@ export default class BlackjackComponent {
     console.log('Game state update:', game);
     this.currentGameId.set(game.id);
     this.currentBet.set(game.bet);
-    this.gameInProgress.set(game.state === 'IN_PROGRESS');
-    this.gameState.set(game.state);
+    this.gameInProgress.set(game.state === GameState.IN_PROGRESS);
+    this.gameState.set(game.state as GameState);
 
-    const isGameOver = game.state !== 'IN_PROGRESS';
+    const isGameOver = game.state !== GameState.IN_PROGRESS;
 
     this.dealerCards.set(
       game.dealerCards.map((card, index) => ({
         ...card,
-        hidden: !isGameOver && index === 1 && game.state === 'IN_PROGRESS',
+        hidden: !isGameOver && index === 1 && game.state === GameState.IN_PROGRESS,
       }))
     );
 
@@ -127,7 +128,7 @@ export default class BlackjackComponent {
   onStand(): void {
     if (!this.currentGameId() || this.isActionInProgress()) return;
 
-    if (this.gameState() !== 'IN_PROGRESS') {
+    if (this.gameState() !== GameState.IN_PROGRESS) {
       console.log('Cannot stand: game is not in progress');
       return;
     }
@@ -151,7 +152,7 @@ export default class BlackjackComponent {
   onDoubleDown(): void {
     if (!this.currentGameId() || this.isActionInProgress()) return;
 
-    if (this.gameState() !== 'IN_PROGRESS' || this.playerCards().length !== 2) {
+    if (this.gameState() !== GameState.IN_PROGRESS || this.playerCards().length !== 2) {
       console.log('Cannot double down: game is not in progress or more than 2 cards');
       return;
     }
diff --git a/frontend/src/app/feature/game/blackjack/components/dealer-hand/dealer-hand.component.ts b/frontend/src/app/feature/game/blackjack/components/dealer-hand/dealer-hand.component.ts
index 50ff0cf..45174ca 100644
--- a/frontend/src/app/feature/game/blackjack/components/dealer-hand/dealer-hand.component.ts
+++ b/frontend/src/app/feature/game/blackjack/components/dealer-hand/dealer-hand.component.ts
@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { Card } from '@blackjack/models/blackjack.model';
 import { PlayingCardComponent } from '../playing-card/playing-card.component';
-import { Card } from '../../models/blackjack.model';
 
 @Component({
   selector: 'app-dealer-hand',
diff --git a/frontend/src/app/feature/game/blackjack/components/game-controls/game-controls.component.ts b/frontend/src/app/feature/game/blackjack/components/game-controls/game-controls.component.ts
index 9922309..8a65f40 100644
--- a/frontend/src/app/feature/game/blackjack/components/game-controls/game-controls.component.ts
+++ b/frontend/src/app/feature/game/blackjack/components/game-controls/game-controls.component.ts
@@ -1,6 +1,8 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Card } from '../../models/blackjack.model';
+import { GameState } from '../../../../../enum/gameState';
+import { GameControlsService } from '../../services/game-controls.service';
 
 @Component({
   selector: 'app-game-controls',
@@ -11,10 +13,13 @@ import { Card } from '../../models/blackjack.model';
       <div class="flex justify-center text-lg mb-5">
         <div class="card p-4">
           <div class="text-emerald font-bold mb-1">
-            Deine Punkte: {{ calculateHandValue(playerCards) }}
+            Deine Punkte: {{ gameControlsService.calculateHandValue(playerCards) }}
           </div>
           <div class="text-text-secondary">
-            Status: <span [class]="getStatusClass(gameState)">{{ getStatusText(gameState) }}</span>
+            Status:
+            <span [class]="gameControlsService.getStatusClass(gameState)">{{
+              gameControlsService.getStatusText(gameState)
+            }}</span>
           </div>
         </div>
       </div>
@@ -22,7 +27,7 @@ import { Card } from '../../models/blackjack.model';
         <button
           (click)="hit.emit()"
           class="button-primary px-8 py-4 text-lg font-medium min-w-[120px] relative"
-          [disabled]="gameState !== 'IN_PROGRESS' || isActionInProgress"
+          [disabled]="gameState !== GameState.IN_PROGRESS || isActionInProgress"
           [class.opacity-50]="isActionInProgress"
         >
           <span [class.invisible]="isActionInProgress">Ziehen</span>
@@ -37,7 +42,7 @@ import { Card } from '../../models/blackjack.model';
         <button
           (click)="stand.emit()"
           class="button-primary px-8 py-4 text-lg font-medium min-w-[120px] relative"
-          [disabled]="gameState !== 'IN_PROGRESS' || isActionInProgress"
+          [disabled]="gameState !== GameState.IN_PROGRESS || isActionInProgress"
           [class.opacity-50]="isActionInProgress"
         >
           <span [class.invisible]="isActionInProgress">Halten</span>
@@ -52,7 +57,9 @@ import { Card } from '../../models/blackjack.model';
         <button
           (click)="doubleDown.emit()"
           class="button-primary px-8 py-4 text-lg font-medium min-w-[120px] relative"
-          [disabled]="gameState !== 'IN_PROGRESS' || playerCards.length !== 2 || isActionInProgress"
+          [disabled]="
+            gameState !== GameState.IN_PROGRESS || playerCards.length !== 2 || isActionInProgress
+          "
           [class.opacity-50]="isActionInProgress"
         >
           <span [class.invisible]="isActionInProgress">Verdoppeln</span>
@@ -79,7 +86,7 @@ import { Card } from '../../models/blackjack.model';
 })
 export class GameControlsComponent {
   @Input() playerCards: Card[] = [];
-  @Input() gameState = 'IN_PROGRESS';
+  @Input() gameState: GameState = GameState.IN_PROGRESS;
   @Input() isActionInProgress = false;
 
   @Output() hit = new EventEmitter<void>();
@@ -87,69 +94,7 @@ export class GameControlsComponent {
   @Output() doubleDown = new EventEmitter<void>();
   @Output() leave = new EventEmitter<void>();
 
-  calculateHandValue(cards: Card[]): number {
-    let sum = 0;
-    let aceCount = 0;
+  protected readonly GameState = GameState;
 
-    const rankValues: Record<string, number> = {
-      TWO: 2,
-      THREE: 3,
-      FOUR: 4,
-      FIVE: 5,
-      SIX: 6,
-      SEVEN: 7,
-      EIGHT: 8,
-      NINE: 9,
-      TEN: 10,
-      JACK: 10,
-      QUEEN: 10,
-      KING: 10,
-      ACE: 11,
-    };
-
-    for (const card of cards) {
-      if (!card.hidden) {
-        const value = rankValues[card.rank] || 0;
-        sum += value;
-        if (card.rank === 'ACE') {
-          aceCount++;
-        }
-      }
-    }
-
-    while (sum > 21 && aceCount > 0) {
-      sum -= 10;
-      aceCount--;
-    }
-
-    return sum;
-  }
-
-  getStatusText(state: string): string {
-    switch (state) {
-      case 'IN_PROGRESS':
-        return 'Spiel läuft';
-      case 'PLAYER_WON':
-        return 'Gewonnen!';
-      case 'PLAYER_LOST':
-        return 'Verloren!';
-      case 'DRAW':
-        return 'Unentschieden!';
-      default:
-        return state;
-    }
-  }
-
-  getStatusClass(state: string): string {
-    switch (state) {
-      case 'PLAYER_WON':
-        return 'text-emerald';
-      case 'PLAYER_LOST':
-        return 'text-accent-red';
-      case 'DRAW':
-        return 'text-yellow-400';
-      default:
-        return 'text-white';
-    }
-  }
+  constructor(protected gameControlsService: GameControlsService) { }
 }
diff --git a/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.css b/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.css
deleted file mode 100644
index 5c8977f..0000000
--- a/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.css
+++ /dev/null
@@ -1 +0,0 @@
-/* No custom styles needed */
diff --git a/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.spec.ts b/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.spec.ts
deleted file mode 100644
index 81ac70d..0000000
--- a/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { GameResultComponent } from './game-result.component';
-
-describe('GameResultComponent', () => {
-  let component: GameResultComponent;
-  let fixture: ComponentFixture<GameResultComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [GameResultComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(GameResultComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.ts b/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.ts
index e84a7ce..4b63e59 100644
--- a/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.ts
+++ b/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.ts
@@ -1,6 +1,7 @@
 import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';
 import { CommonModule, CurrencyPipe } from '@angular/common';
 import { animate, style, transition, trigger } from '@angular/animations';
+import { GameState } from '../../../../../enum/gameState';
 
 @Component({
   selector: 'app-game-result',
@@ -55,7 +56,6 @@ import { animate, style, transition, trigger } from '@angular/animations';
       </div>
     </div>
   `,
-  styleUrls: ['./game-result.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   animations: [
     trigger('fadeInOut', [
@@ -74,7 +74,7 @@ import { animate, style, transition, trigger } from '@angular/animations';
   ],
 })
 export class GameResultComponent {
-  @Input() gameState = '';
+  @Input() gameState: GameState = GameState.IN_PROGRESS;
   @Input() amount = 0;
   @Input() set show(value: boolean) {
     console.log('GameResultComponent show input changed:', value, 'gameState:', this.gameState);
@@ -86,15 +86,15 @@ export class GameResultComponent {
   visible = false;
 
   get isWin(): boolean {
-    return this.gameState === 'PLAYER_WON';
+    return this.gameState === GameState.PLAYER_WON;
   }
 
   get isLoss(): boolean {
-    return this.gameState === 'PLAYER_LOST';
+    return this.gameState === GameState.PLAYER_LOST;
   }
 
   get isDraw(): boolean {
-    return this.gameState === 'DRAW';
+    return this.gameState === GameState.DRAW;
   }
 
   getResultTitle(): string {
diff --git a/frontend/src/app/feature/game/blackjack/components/player-hand/player-hand.component.ts b/frontend/src/app/feature/game/blackjack/components/player-hand/player-hand.component.ts
index d47114f..b921a3c 100644
--- a/frontend/src/app/feature/game/blackjack/components/player-hand/player-hand.component.ts
+++ b/frontend/src/app/feature/game/blackjack/components/player-hand/player-hand.component.ts
@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { PlayingCardComponent } from '../playing-card/playing-card.component';
-import { Card } from '../../models/blackjack.model';
+import { Card } from '@blackjack/models/blackjack.model';
 
 @Component({
   selector: 'app-player-hand',
diff --git a/frontend/src/app/feature/game/blackjack/components/playing-card/playing-card.component.ts b/frontend/src/app/feature/game/blackjack/components/playing-card/playing-card.component.ts
index 662ddc6..8ae8824 100644
--- a/frontend/src/app/feature/game/blackjack/components/playing-card/playing-card.component.ts
+++ b/frontend/src/app/feature/game/blackjack/components/playing-card/playing-card.component.ts
@@ -8,8 +8,8 @@ import {
   SimpleChanges,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { suitSymbols, Suit } from '../../models/blackjack.model';
 import { gsap } from 'gsap';
+import { Suit, suitSymbols } from '@blackjack/models/blackjack.model';
 
 @Component({
   selector: 'app-playing-card',
diff --git a/frontend/src/app/feature/game/blackjack/services/blackjack.service.ts b/frontend/src/app/feature/game/blackjack/services/blackjack.service.ts
index eecaf45..ca3f218 100644
--- a/frontend/src/app/feature/game/blackjack/services/blackjack.service.ts
+++ b/frontend/src/app/feature/game/blackjack/services/blackjack.service.ts
@@ -1,7 +1,7 @@
 import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable, catchError } from 'rxjs';
-import { BlackjackGame } from '../models/blackjack.model';
+import { BlackjackGame } from '@blackjack/models/blackjack.model';
 
 @Injectable({
   providedIn: 'root',
diff --git a/frontend/src/app/feature/game/blackjack/services/game-controls.service.ts b/frontend/src/app/feature/game/blackjack/services/game-controls.service.ts
new file mode 100644
index 0000000..871756e
--- /dev/null
+++ b/frontend/src/app/feature/game/blackjack/services/game-controls.service.ts
@@ -0,0 +1,74 @@
+import { Injectable } from '@angular/core';
+import { Card } from '../models/blackjack.model';
+import { GameState } from '../../../../enum/gameState';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class GameControlsService {
+  calculateHandValue(cards: Card[]): number {
+    let sum = 0;
+    let aceCount = 0;
+
+    const rankValues: Record<string, number> = {
+      TWO: 2,
+      THREE: 3,
+      FOUR: 4,
+      FIVE: 5,
+      SIX: 6,
+      SEVEN: 7,
+      EIGHT: 8,
+      NINE: 9,
+      TEN: 10,
+      JACK: 10,
+      QUEEN: 10,
+      KING: 10,
+      ACE: 11,
+    };
+
+    for (const card of cards) {
+      if (!card.hidden) {
+        const value = rankValues[card.rank] || 0;
+        sum += value;
+        if (card.rank === 'ACE') {
+          aceCount++;
+        }
+      }
+    }
+
+    while (sum > 21 && aceCount > 0) {
+      sum -= 10;
+      aceCount--;
+    }
+
+    return sum;
+  }
+
+  getStatusText(state: GameState): string {
+    switch (state) {
+      case GameState.IN_PROGRESS:
+        return 'Spiel läuft';
+      case GameState.PLAYER_WON:
+        return 'Gewonnen!';
+      case GameState.PLAYER_LOST:
+        return 'Verloren!';
+      case GameState.DRAW:
+        return 'Unentschieden!';
+      default:
+        return state;
+    }
+  }
+
+  getStatusClass(state: GameState): string {
+    switch (state) {
+      case GameState.PLAYER_WON:
+        return 'text-emerald';
+      case GameState.PLAYER_LOST:
+        return 'text-accent-red';
+      case GameState.DRAW:
+        return 'text-yellow-400';
+      default:
+        return 'text-white';
+    }
+  }
+}
diff --git a/frontend/src/app/feature/home/home.component.ts b/frontend/src/app/feature/home/home.component.ts
index b3237ee..eb12454 100644
--- a/frontend/src/app/feature/home/home.component.ts
+++ b/frontend/src/app/feature/home/home.component.ts
@@ -1,11 +1,11 @@
 import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
-import { NavbarComponent } from '../../shared/components/navbar/navbar.component';
 import { CurrencyPipe, NgFor } from '@angular/common';
-import { Game } from '../../model/Game';
-import { Transaction } from '../../model/Transaction';
 import { DepositComponent } from '../deposit/deposit.component';
-import { ConfirmationComponent } from '../../shared/components/confirmation/confirmation.component';
 import { ActivatedRoute, Router } from '@angular/router';
+import { ConfirmationComponent } from '@shared/components/confirmation/confirmation.component';
+import { Transaction } from 'app/model/Transaction';
+import { NavbarComponent } from '@shared/components/navbar/navbar.component';
+import { Game } from 'app/model/Game';
 
 @Component({
   selector: 'app-homepage',
diff --git a/frontend/src/app/feature/landing/landing.component.ts b/frontend/src/app/feature/landing/landing.component.ts
index 7fa92b6..5e3f747 100644
--- a/frontend/src/app/feature/landing/landing.component.ts
+++ b/frontend/src/app/feature/landing/landing.component.ts
@@ -1,5 +1,4 @@
 import { ChangeDetectionStrategy, Component, OnInit, OnDestroy } from '@angular/core';
-import { NavbarComponent } from '../../shared/components/navbar/navbar.component';
 import { NgFor } from '@angular/common';
 
 @Component({
diff --git a/frontend/src/app/feature/login-success/login-success.component.ts b/frontend/src/app/feature/login-success/login-success.component.ts
index 067afe6..3b506ca 100644
--- a/frontend/src/app/feature/login-success/login-success.component.ts
+++ b/frontend/src/app/feature/login-success/login-success.component.ts
@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component, inject, OnInit } from '@angular/core';
-import { UserService } from '../../service/user.service';
 import { KeycloakService } from 'keycloak-angular';
 import { Router } from '@angular/router';
+import { UserService } from '@service/user.service';
 
 @Component({
   selector: 'app-login-success',
diff --git a/frontend/src/app/shared/components/confirmation/confirmation.component.ts b/frontend/src/app/shared/components/confirmation/confirmation.component.ts
index 9c26f22..8bc884a 100644
--- a/frontend/src/app/shared/components/confirmation/confirmation.component.ts
+++ b/frontend/src/app/shared/components/confirmation/confirmation.component.ts
@@ -8,7 +8,7 @@ import {
   AfterViewInit,
   OnDestroy,
 } from '@angular/core';
-import { ModalAnimationService } from '../../services/modal-animation.service';
+import { ModalAnimationService } from '@shared/services/modal-animation.service';
 import gsap from 'gsap';
 
 @Component({
diff --git a/frontend/src/app/shared/components/navbar/navbar.component.ts b/frontend/src/app/shared/components/navbar/navbar.component.ts
index a6bbc15..adf7b78 100644
--- a/frontend/src/app/shared/components/navbar/navbar.component.ts
+++ b/frontend/src/app/shared/components/navbar/navbar.component.ts
@@ -1,9 +1,9 @@
 import { ChangeDetectionStrategy, Component, inject, OnInit, signal } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { KeycloakService } from 'keycloak-angular';
-import { UserService } from '../../../service/user.service';
 
 import { CurrencyPipe } from '@angular/common';
+import { UserService } from '@service/user.service';
 @Component({
   selector: 'app-navbar',
   templateUrl: './navbar.component.html',
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index a8bb65b..faf0f24 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -3,6 +3,13 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
+    "baseUrl": "./src",
+    "paths": {
+      "@service/*": ["app/service/*"],
+      "@environments/*": ["environments/*"],
+      "@shared/*": ["app/shared/*"],
+      "@blackjack/*": ["app/feature/game/blackjack/*"]
+    },
     "outDir": "./dist/out-tsc",
     "strict": true,
     "noImplicitOverride": true,