Phase 3 — Live Client UI
Phase 3 delivered a browser-based radar-themed game console that connects to the API, giving players a full interactive Battleship experience.
Architecture
- Static frontend (HTML/CSS/JS) served by Express alongside the API — single deployment handles both client and server
- Client makes REST calls to the same API endpoints built in Phases 1 and 2 — no separate frontend framework needed
- Lobby system polls the server for available games and updates in real time
- Interactive ship placement grid with horizontal/vertical toggle and bounds validation on the client side before submitting to the API
- Opponent targeting board renders hit/miss results and move history as a live feed
My Contributions
Handled deployment configuration, end-to-end testing and verification across all three phases, and ensured the Render pipeline stayed stable through each iteration.