Math Decode Game
Overview
Background
When I was young, my dad wrote a program in JavaScript that enabled him to generate a printout with a “cracking the code”-esque game that used addition and multiplication problems. By gamifying the experience of solving basic arithmetic expressions, he helped me improve my math skills, and I recall looking forward to receiving new worksheets on the daily.
Over time, my dad would increase the difficulty by encoding some famous quotes, which led to us calling the game Quote of the Day. Some of the quotes have stuck with me over the years, from “If you want to be loved, be lovable” (Ovid) to “Anyone who has never made a mistake has never tried anything new” (Albert Einstein).
Motivation
Over 15 years later, I stumbled across my dad’s program when looking through some old computer files. To my excitement, I could now understand the code that he wrote, and felt inspired to recreate his program as an interactive web application. In addition, this was a great opportunity for me to learn a new front-end framework like Vue!
Usage
To run this app locally, follow the steps below!
-
Clone this repository.
git clone https://github.com/peyton-a-wang/math-decode-game.git -
Install dependencies from the root directory.
cd math-decode-game npm install -
Run the app in development mode and view it in the browser.
npm run dev
Technology & Tools
Languages & Libraries
References
- Vue CLI deployment docs: deploy Vue app to GitHub pages