Briose is a web-based card game built with Angular and Phaser. This project serves as a demonstration of integrating a Phaser game within an Angular application.
- Angular Frontend: Provides the main application structure and UI.
- Phaser Game Engine: Powers the interactive card game experience.
- TypeScript: Ensures type safety and better code organization.
This project is currently under active development. It features a playable card game with basic mechanics. Further enhancements and features are planned.
To get a local copy up and running, follow these simple steps.
- Node.js (LTS version recommended)
- npm (comes with Node.js)
- Angular CLI (
npm install -g @angular/cli)
-
Clone the repository:
git clone <repository-url> # Please replace <repository-url> with the actual URL
-
Navigate to the project directory:
cd briose -
Install dependencies:
npm install
To run the development server:
ng serveOpen your browser and navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
This project includes a Dev Container configuration for a consistent development environment.
-
Open in Dev Container: If you are using VS Code, you can open the project in a Dev Container. Look for the "Reopen in Container" prompt or use the "Remote-Containers: Reopen in Container" command from the Command Palette (Ctrl+Shift+P).
-
Build and Run: Once the Dev Container is built and running, the application dependencies will be installed automatically. You can then run the development server from the integrated terminal:
ng serve
The application will be accessible at
http://localhost:4200/(port forwarding is typically handled automatically by the Dev Container).
src/app/: Angular application components.src/game/: Phaser game logic and scenes.public/assets/: Game assets like card images.
- Angular - The web framework used
- Phaser - The HTML5 game framework
- TypeScript - Programming language
This project is licensed under the MIT License - see the LICENSE file for details.