NowChess Frontend

Angular 20 frontend for the NowChess board UI.

Tech stack

• Angular standalone components and route-based pages
• HTTP and streaming integration for live game updates
• Asset sprites loaded from arabian-chess/

Project structure

• src/app/pages page-level containers (welcome, game)
• src/app/components reusable UI pieces (chess-board, chess-piece)
• src/app/services API and stream integration (GameApiService)
• src/app/models shared API/domain types
• src/app/core/chess chess domain utilities (FEN parsing and square lookup)
• src/environments environment-specific API base URLs

Run locally

npm install
npm start

Open http://localhost:4200.

Development environment defaults to:

• API: http://localhost:8080
• WebSocket: ws://localhost:8080

src/environments/environment.ts is production-oriented (production: true) and src/environments/environment.development.ts is development-oriented (production: false).

Build and test

npm run build
npm test