/magix

Primary LanguageJavaScript

Logo


Magix

A multiplayer card game, akin to Hearthstone, that interfaces with a database and a server's API to retrieve and display the game's current state.tion

Table of Contents
  1. About The Project
  2. Usage
  3. Contact

About The Project

In this project, I worked on developing a multiplayer card game inspired by popular titles like Hearthstone. The unique aspect was that students could connect to the professor's API, opening up creative opportunities. We used a PHP backend and incorporated AJAX for real-time updates. Students were tasked with designing their local game logic and user interfaces. As the class progressed, we organized an exciting tournament where our custom card games went head-to-head. It was an educational journey that not only improved our technical skills but also created a sense of camaraderie and competition, making it a memorable experience.

Since the project's due date, I haven't made any modifications to the code, but I'm proud of the project nonetheless. It marked my first experience with making API calls and setting up backend components. I'd like to extend my heartfelt thanks to my professor, Frederic Theriault, who proved to be one of the most dedicated educators I've encountered. His commitment to our learning was exemplified by his effort in coding an entire game for the benefit of his students.

(back to top)

Built With

VSCode HTML5 CSS3 JavaScript PHP PGSQL

(back to top)

Usage

As said previously, the game is not playable for the general public. However, I've included some screenshots to give you an idea of what the game looks like. The game's objective is to reduce your opponent's health to zero. You can do this by playing cards that deal damage to your opponent or by playing cards that heal yourself. The game is turn-based, and each player has a maximum of 10 mana to spend each turn. The game ends when one player's health reaches zero.

I chose BattleTech as a theme for my game design as I am a fan of the franchise.


Login Screen

Login Screen


Lobby Screen

Lobby Screen


Game Board

Game Board

(back to top)

Contact

LinkedIn Gmail Portfolio

(back to top)