CLAUDE.md

chat_app

Angular 10 / Ionic 5 frontend for the Chatli messaging platform.

Stack

• TypeScript, Angular 10, Ionic 5
• Capacitor for native mobile builds
• JWT-based auth (jwt-decode)
• WebSocket for real-time messaging

Build & run

npm install
npm start                    # Dev server
npm run build -- --prod      # Production build
docker build -t fra/chatapp . && docker run -p 8100:8100 fra/chatapp

Test

npm test       # Karma + Jasmine
npm run e2e    # Protractor
npm run lint   # TSLint

Backend connection

• REST API: http://localhost:8090/v1 (public), http://localhost:8090/client (auth required)
• WebSocket: ws://localhost:8090/client/device/:deviceid/user/:userid/ws

Structure

• src/app/pages/ — page components (login, signup, chat, main)
• src/app/services/ — auth, chat, message, storage services
• src/app/models/ — data models (user, chat, message, participant)
• src/app/helpers/ — HTTP interceptors (auth token injection, error handling)
• src/app/guards/ — route guards