Vue.js and Node.js

I worked at Reflective Learning for two and a half years where I continuously improved my frontend and backend development skills. I was responsible for building all features displayed in the screenshots below.

Subject Select

Home Screen

Gamification

I was able to utilize my games development experience to conceptualize and develop the gamification of the program. I decided to create a gem earning system and a character customization element where learners could spend their gems. Learners are able to earn gems while learning mathematics and English content and spend their gems on customizing the appearance of their character. The character customization included items of differing rarities namely common, uncommon, rare, epic and legendary. The cost of items depended on the item type and the rarity of that item.

Additionally, I created a leaderboard and a daily rewards feature to encourage continuous engagement. The leaderboard allowed learners to compare their gems earning to all other learners, promoting competition and driving engagement. The daily rewards would change every month with limited edition items based on the event of the month. Learners are required to engage with the application 25 days of each month to recieve the final reward, which would be a limited addition item.

Mathematics Minigames

I developed two mathematics minigames aimed at helping learners to improve their speed and accuracy when solving problems. These games were developed in Vue.js using javascript, html and css with no external libraries being used. These minigames acted as another way for learners to earn gems.

Bubble Pop

Bubbles containing mathematics problems fall. The user must enter the answer to each problem before any bubble hits the floor. Score is bbased off of the number of bubbles popped, with the difficulty of the questions and speed at which the bubbles fall increasing every round.

Vue.js and Node.js

I worked at Reflective Learning for two and a half years where I continuously improved my frontend and backend development skills. I was responsible for building all features displayed in the screenshots below.

Home Screen

Journey Screen

Journey Tree

Catch Up

Quiz

Results

Gamification

I was able to utilize my games development experience to conceptualize and develop the gamification of the program. I decided to create a gem earning system and a character customization element where learners could spend their gems. Learners are able to earn gems while learning mathematics and English content and spend their gems on customizing the appearance of their character. The character customization included items of differing rarities namely common, uncommon, rare, epic and legendary. The cost of items depended on the item type and the rarity of that item.

Additionally, I created a leaderboard and a daily rewards feature to encourage continuous engagement. The leaderboard allowed learners to compare their gems earning to all other learners, promoting competition and driving engagement. The daily rewards would change every month with limited edition items based on the event of the month. Learners are required to engage with the application 25 days of each month to recieve the final reward, which would be a limited addition item.

Mathematics Minigames

I developed two mathematics minigames aimed at helping learners to improve their speed and accuracy when solving problems. These games were developed in Vue.js using javascript, html and css with no external libraries being used. These minigames acted as another way for learners to earn gems.

Bubble Pop

Bubbles containing mathematics problems fall. The user must enter the answer to each problem before any bubble hits the floor. Score is bbased off of the number of bubbles popped, with the difficulty of the questions and speed at which the bubbles fall increasing every round.