MoneyVerse: a financial literacy game for kids.

MoneyVerse is a financial literacy game designed for children aged 8 to 12. In the game, players are guided by Pip, a piggy-bank character, through three missions. In the first mission, players learn the difference between needs and wants by managing a 24-coin outing budget, considering trade-offs and opportunity cost. The second mission involves a savings quest, where players start with 100 coins and aim to save for a 150-coin bicycle, learning about simple interest along the way.

The third mission is a lemonade stand, where players manage supply costs, pricing, and profit by subtracting expenses from revenue.

The game's technology stack includes the Next.js framework with React 19 and TypeScript for the frontend, Tailwind CSS for styling, Sanity v6 as the Content Management System (CMS), and GROQ queries for data retrieval. Studio Customization allows for custom schemas for lesson, mission, and playerProgress content types, as well as a review workflow with draft, inReview, and approved states, and actions to send for review and approve. The game also features a custom CoinField input and a mission play preview.

For live content updates, defineLive is used, which enables published missions to appear without requiring a redeploy. The app can be accessed through a demo link, and the source code is available on GitHub. The development process began on September 30th and concluded on October 4th, with the majority of work completed in the last two days due to a birthday on the third day.

Initial plans included building the game as a Progressive Web App (PWA) with Google authentication, but these features were later removed due to added complexity.