FinQuest App: MCP Demo Context to Code

🚀 Hackathon Quickstart: finQuest Kids Banking App

(See video guide here).

Turn this prototype into a functional Node.js app in under 5 minutes.

Step 1: Setup your MCP Environment

Before coding, ensure you have the Miro MCP Server configured in your AI IDE (like Cursor, Windsurf, or VS Code with MCP support).

Get the Miro MCP Setup Guide here

Step 2: Get your Board ID

1. Click "Use template" to create your own copy of the finQuest board.

2. Look at the URL of your new board.

3. Copy the Board ID (the long string of characters after /app/board/).

Step 3: The "Magic" Prompt

Copy and paste the prompt below into your AI coding tool. Don't forget to swap in your Board ID!

Sample Prompt: "Create a working Node.js app that I can run locally, based on the finQuest prototype on this board: https://miro.com/app/board/[PASTE_YOUR_BOARD_ID_HERE]/ Speed is everything for this hackathon! Use the `code_create_from_board` tool to ensure the UI matches the prototype exactly. Build the backend logic for balance tracking and chores."