Find more example apps in the Trophy examples center.

​
Motivation

Gamification is a core part of any educational platform. When done right, it’s proven by platforms like Duolingo to consistently engage students and boost retention.

This example app serves as a template for a web application that provides students a way to practice flashcards. Feel free to use this example app to start a new ed-tech project, or just as inspiration.

If you’d prefer you can follow the step-by-step tutorial, and to see it working in practice you can check out the live demo.

​
Tech Stack

The tech stack for this example study platform is as follows:

​
Gamification Strategy

The example app uses Trophy to demonstrate how easy it is to build gamification experiences. Here’s a breakdown of the gamification features used:

​
Achievements

The example app features [achievements(/platform/achievements)] with the following milestones:

  • 10 flashcards viewed
  • 50 flashcards viewed
  • 100 flashcards viewed
  • 250 flashcards viewed
  • 500 flashcards viewed

Each time a user reaches a milestone the following occurs:

  • A new badge is displayed in their account
  • An in-app notification is shown
  • A sound effect is played

All the progress tracking is done by Trophy behind the scenes to keep focus on building out a great user experience.

​
Daily Streaks

The example project also uses daily streaks where users must look at least one flashcard a day to keep their streak. For each consecutive day the user looks at least one flashcard, their streak increases. But if they miss a day, they lose their streak and have to start over.

Again, Trophy handles all the streak tracking and calculations behind the scenes to keep focus on the experience, including handling global timezones. Each time a user successfully extends their streak the following happens:

  • An in-app notification is shown
  • A sound effect is played

​
Points

The example app has an XP systems built on Trophy’s points feature that rewards users with different numbers of XP for taking different actions:

  • 50 XP for every 7 day streak
  • 5 points for every flashcard viewed
  • 10 bonus points for every 10 flashcards viewed

​
Automated Email Sequences

The example app also has built in email sequences to automatically send notifications to users to based on the following use cases:

  • Congratulating users when they unlock new achievements
  • Summarizing progress on a weekly basis

Again, Trophy handles all the tricky parts around scheduling and sending emails from a custom domain using the proper inbox-friendly syntax (<table> not <div>) and keeps focus on our core application.

​
Trophy Setup

To make all this possible, the tutorial walks through creating the necessary resources in a new Trophy account.

If instead you just want to get started building your own gamification experience, follow the quick start guide.

​
Get Support

Want to get in touch with the Trophy team? Reach out to us via email. We’re here to help!