The Jet-Set-Gamify tutorial series focusses on helping you create a kick-ass Gamified app from scratch using the Playlyfe Platform.
This is the introductory part of the series
Hello there! Are you looking to use Gamification in one of your apps? We can help you with that! Wanna to see how? This series will show you how!
In this tutorial series, we'll take a look at how we can gamify an existing web-app using Playlyfe without writing much code. Your application could be anything — a website, a mobile fitness tracker, traffic speed guns — but for simplicity, we will only be creating a simple, but gamified, todo application.
All the code in the tutorial series is also hosted on our Github repository. If you want to use that code, you will first need to install Git. If you're new to Git, have a look at this Git Basics guide.
Get the Code
Once you've got Git installed, navigate to the folder in which you wish to download the code and run the following commands via command line:
git clone https://github.com/playlyfe/jet-set-gamify.git cd jet-set-gamify
We've structured our project in such as way that each step is a different branch. For each step, you can check out that step's branch and have a look at the full code.
If you want to use the app, all you have to do is install the latest version of nodejs.
You don't really need a deep knowledge of nodejs for this tutorial, but if you want to learn nodejs, then the internet's got you covered!.
Once you've installed nodejs, run these commands from the parent directory of the tutorial code.
npm install npm start
This would run a simple local web server and you can view the application at http://localhost:8081 in your browser.
The live demo of the app is also available online, so feel free to play around with it (you will need a Playlyfe account).
The format of this tutorial is pretty simple. We have broken it into 3 stages. In each stage, we will learn about a few distinct features of the Playlyfe platform. You can jump between components anytime and play with the app by checking out the correct branch. The different components are:
1. Points and Actions
2. Levels and Achievements
3. Teams, Administration and Leaderboards
So first up, lets take a look at Points and Actions.