Sprint 1 · Planning Deliverable — Interactive UX Prototype & Storyboard
BudgetPlanner is a personal finance web app designed to help young adults and students track spending, set savings goals, and build a plan to pay off debt — without requiring a bank connection.
This repository contains the deliverables of an interactive UX prototype built with React and a written UX scenario narrative.
| Deliverable | Link |
|---|---|
| 🏠 Assignment Landing Page | View |
| 📱 Interactive UX Prototype | View |
| 📖 Day in the Life Narrative | View |
The interactive prototype covers 6 screens with full click-through navigation:
| # | Screen | Purpose |
|---|---|---|
| 1 | Onboarding | 4-step walkthrough introducing the app |
| 2 | Dashboard | Financial snapshot — income, spending, net remaining |
| 3 | Transactions | Log and view income/expenses by category |
| 4 | Budgets | Set monthly spending limits with visual warnings |
| 5 | Savings Goals | Track progress toward named savings targets |
| 6 | Debt Planner | Avalanche vs. snowball payoff calculator with slider |
- React 18 (via CDN — no build tools required)
- Babel Standalone (in-browser JSX compilation)
- DM Sans + DM Mono (Google Fonts)
- AI-Assisted Development — Claude (Anthropic)
mirabhakta · CS4800 · Spring 2026