Fiscale

Inspiration As students ourselves, we've experienced firsthand how overwhelming personal finance can be. Between managing OSAP loans, part-time income, rent, groceries, and trying to save for future goals, keeping track of everything felt impossible. Existing financial apps were either too complex, designed for full-time professionals, or lacked features relevant to student life. We created Fiscale to bridge this gap a simple, powerful tool built specifically for students and young professionals who want to take control of their finances without the overwhelm. What it does Fiscale is a comprehensive personal finance management platform that helps students track their financial journey. Users can: • Track expenses across different categories (food, transport, entertainment, etc.) • Monitor income from multiple sources (part-time jobs, allowances, scholarships) • Set and manage monthly budgets with visual progress tracking • Create savings goals and track progress toward financial milestones • Calculate OSAP funding with our built-in estimator tailored for Ontario students • Estimate taxes to understand take-home income • Manage fixed costs (rent, insurance, utilities) to see available spending money • Get AI-powered financial insights and personalized recommendations All data is stored locally for complete privacy we never access, sell, or share your financial information. How we built it Fiscale is built with modern web technologies for performance and user experience: • Frontend: Next.js 14 with React and TypeScript for type-safe, server-rendered pages • Styling: Custom CSS with a clean, minimalist design system • State Management: React hooks and localStorage for client-side data persistence • Data Visualization: Custom progress bars and category breakdowns • Calculations: Custom algorithms for OSAP estimation and tax calculations based on current Canadian tax brackets • Architecture: Component-based structure with lazy loading for optimal performance We focused on creating a responsive, accessible interface that works seamlessly across desktop, tablet, and mobile devices. Challenges we ran into

1. OSAP Calculation Complexity: Understanding and implementing the OSAP funding formula with all its variables (student status, parental income, living arrangements) required extensive research into government guidelines and real-world testing with multiple scenarios.
2. Data Privacy: Ensuring complete data privacy while maintaining functionality was challenging. We solved this by implementing a fully client-side architecture where all data stays on the user's device.
3. User Experience Design: Balancing feature richness with simplicity was tough. We iterated multiple times to find the right balance between powerful tools and an intuitive interface.
4. Responsive Design: Creating a layout that works beautifully on all screen sizes, especially with complex components like the dashboard grid and charts, required careful CSS architecture and extensive testing.
5. Real-time Updates: Synchronizing multiple components that depend on the same data (like budget calculations affecting multiple cards) while maintaining performance took careful state management planning. Accomplishments that we're proud of • Created a fully functional financial platform from scratch in a short timeframe • Built a privacy-first application where user data never leaves their device • Designed an intuitive OSAP calculator that demystifies student funding • Achieved a clean, professional design that rivals commercial applications • Implemented comprehensive financial features including budgeting, goal tracking, and insights • Made it fully responsive and accessible across all devices • Zero backend required - everything runs client-side for maximum privacy and speed What we learned • TypeScript is powerful: Type safety caught countless bugs during development and made refactoring much easier • User experience matters more than features: A simple, well-designed tool that people actually use beats a complex tool with every feature imaginable • Privacy can be simple: Client-side storage proved that you don't need servers and databases to build powerful applications • Financial literacy is crucial: Building this tool deepened our own understanding of personal finance and the challenges students face • Component architecture scales: Breaking the app into small, reusable components made development faster and the codebase maintainable • Testing with real users is invaluable: Early feedback helped us prioritize the right features and fix UX issues we hadn't noticed What's next for Fiscale Short-term goals: • Export functionality: Allow users to export their financial data to CSV/PDF for record-keeping • Dark mode: Add theme switching for users who prefer dark interfaces • Budget templates: Pre-built budget templates for different student situations (living at home, away, with dependents) • Recurring transactions: Automatically track recurring expenses like subscriptions and monthly bills • Multi-currency support: Help international students manage finances in multiple currencies Long-term vision: • Mobile app: Native iOS and Android apps with offline-first functionality • Financial education hub: Built-in guides and tutorials on topics like credit scores, investing, and debt management • Goal recommendations: AI-powered suggestions for realistic savings goals based on income and spending patterns • Bank integration (optional): For users who want automatic transaction imports while maintaining privacy controls • Community features: Anonymous aggregated insights (e.g., "Students in your program typically spend $X on textbooks") • Scholarship finder: Integration with scholarship databases to help students find funding opportunities Our ultimate goal is to make Fiscale the go-to financial companion for every student in Canada, helping build a generation of financially literate young adults.

Built With

• css3
• next.js
• react
• typescript