I created a new rewards feature for an application made by Outlandish for the charity Read for Good. The purpose of the app was to encourage younger children to keep track of how much they were reading.

Once kids had submitted the title of their book and how long they had spent reading it they would be directed to the rewards page.

This would calculate:

1) A streak reward based on total consecutive days
2) A badge based on having met a new set of criteria
3) A level and corresponding motivational message

I designed this feature on Figma and developed it using the javascript library Vue.js