X-O Game

A fun game that I build to practice my Vue.js & Vuex capabillities.
Developed multiple frontend components, designed the RESTful API,
implemented the entire backend and developed the database.

Try It Now

Example game object:

{
    "_id" : ObjectId(""),
    "mat" : [ 
        ["", "", ""],
        ["", "", ""],
        ["", "", ""]
    ],
    "players" : [ 
        {
            "id" : "p1",
            "name" : "name",
            "symbol" : "X",
            "isActive" : true
        }
    ],
    "winner" : {
        "name" : ""
    },
    "isDraw" : false,
    "isTimesUp" : true,
    "createdAt" : "",
    "currTurn" : {
        "id" : "",
        "name" : "",
        "symbol" : "X"
    }
}

Technological stack:

Vue.js, Vuex, Node.js, Express, RESTful API, MongoDB, WebSockets
Axios, HTML5, Sass, Heroku, Cloudinary, SPA