The Blackbox Backend

Example

Here is a simple upvoting system built with Allotize!
Users are able to rotate a cube, upvote/downvote and see each other's changes in real-time.
As for the upvoting code, we simply create a data component that is connected to Allotize.

const upvotes = document.getElementById('upvotes')
const downvote = document.getElementById('downvote')   
const upvote = document.getElementById('upvote')

const votes = Allotize.Data({
    route: 'cube/votes',

    data: {
        upvotes: 0,
    },

    onChange: (oldData, newData) => {
        upvotes.innerHTML = newData.upvotes
    },
})

upvote.onclick = () => {
    votes.data.upvotes += 1
}

downvote.onclick = () => {
    votes.data.upvotes -= 1
}