A simple real time 2-player chess web application made with Phaser, React, Typescript, Bootstrap, ASP.NET Core SignalR and Identity, and SQLite.
Tech Stack
Frontend Architecture
- Phaser: The HTML5 game framework handles the chess board rendering and game animations
- React 18: Manages the user interface components and application state
- TypeScript: Provides type safety across the entire frontend codebase
- Bootstrap: Ensures responsive design and consistent styling
Backend Infrastructure
- ASP.NET Core with SignalR: Powers real-time communication between players
- ASP.NET Core Identity: Handles user authentication and authorization
- SQLite: Manages game data and user information
- .NET 9: Leverages the latest framework improvements
Deployment and Services
- NGINX: Serves as a reverse proxy for production environments
- AWS EC2: Hosts the application in the cloud
- AWS S3: Stores game assets and user-uploaded content
You can view the demo here.