jslongtin / Magix

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


Magix

Hearstone like web game project

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Contact
  5. Acknowledgments

About The Project

Home

This project is a Web based game based on the style of Heartsone.It was created in the context of my last web class so you can't create an account and use the game if you're not a student or old student. This is more to show my skills and growth. The visual theme is Overwatch. The game is based on a PHP backend and a Javascript frontend. The game uses ajax to call the api and interact with the data returned or modify the database.

(back to top)

Built With

  • HTML
  • CSS
  • Javascript
  • Php
  • Chart.js
  • Postgres

(back to top)

Getting Started

Prerequisites

Installation

  1. Clone the repo into the www folder of wamp
    git clone https://github.com/jslongtin/Magix.git
  2. Start the wamp server
  3. Open the project in your browser
    http://localhost/Magix/Magix

(back to top)

Usage

The first thing to do is to log into your account. Once you have an account you can create a deck with the teacher's api. You can then play against the AI or another player. You can also see your stats liste= your most played card in the stats and deck tab.In this tab, you can also change your deck or see the stats of other players .

Lobby

When you're logged you enter the lobby where you can go into a game against an other player or AI. You can see the chat on the right and the list of players on the left, go to the stats/deck tab , chose a hero on the bottom tu use in game or quit the application.

InGame In game, turn by turn you can chose to place a card on the board or attack a card on the board. You can also use your hero power if you have enough mana. You can see the cards in your hand on the bottom and the cards on the board in the middle. There is a toggle for the hero powers with a legend of their effects depending on the hero class. There is another toggle to see the chat in game. Every card you can play in your hand will be higher than the rest of the cards. You can see the stats of all the players and a countdown of every turn.

(back to top)

Contact

Jessika Longtin - JessikaLongtin@hotmail.com

Project Link: Magix

Profile link: My github profile

(back to top)

Acknowledgments

  • My teacher Frederic Theriault that created the api , the database and the concept of the game.
  • The author of this readme template : othneildrew

(back to top)

About


Languages

Language:PHP 40.0%Language:JavaScript 32.9%Language:CSS 26.6%Language:Hack 0.5%