FinTrack System Requirements Document

Introduction

Welcome to the System Requirements Document for FinTrack, a personal finance management application designed to help individual users efficiently track their expenses, manage budgets, and gain insights into their spending habits. This document outlines the system requirements necessary for the successful development and deployment of FinTrack.

System Overview

FinTrack is a mobile application aimed at individual users who wish to manage their personal finances more effectively. The application will provide features such as budget categorization, spending insights, and bill reminders. The primary goal is to offer a streamlined and personalized experience that empowers users to take control of their financial well-being.

Functional Requirements

• As a User, I should be able to categorize my expenses into different budget categories.
• As a User, I should be able to view insights into my spending habits.
• As a User, I should be able to set and receive bill reminders.

User Personas

1. Individual User: The primary user of FinTrack, who seeks to manage personal finances, track expenses, and gain insights into spending patterns.

Visuals Colors and Theme

• primary: #1A535C (Deep Teal)
• primary_light: #4ECDC4 (Light Teal)
• secondary: #FF6B6B (Coral Red)
• accent: #FFE66D (Sunshine Yellow)
• highlight: #FF9F1C (Vibrant Orange)
• bg: #F7FFF7 (Mint Cream)
• surface: rgba(26, 83, 92, 0.8)
• text: #011627 (Rich Black)
• text_muted: #7A7A7A (Gray)
• border: rgba(26, 83, 92, 0.2)

Signature Design Concept

The FinTrack homepage will feature an interactive "Financial Journey Map" that visually represents the user's financial progress. Using @react-three/fiber and @react-three/drei, this 3D map will allow users to navigate through their financial milestones. Each milestone will be represented as a floating island, with interactive elements that provide detailed insights when clicked. The map will have smooth transitions and animations powered by framer-motion, creating an engaging experience as users explore their financial journey.

Interaction Model & Motion Direction

The landing page will utilize a "parallax" interaction model, providing a layered depth effect as users scroll through the page. Decorative elements will move at different speeds, creating a dynamic and visually rich first impression. Internal pages, such as dashboards and settings, will adopt a "static" interaction model to prioritize clarity and ease of use.

Non-Functional Requirements

• The application must be responsive and perform well on various mobile devices.
• Data security and user privacy must be ensured, adhering to relevant regulations.
• The application should support multiple currencies, with INR as the default.

Tech Stack

• Frontend: React Native for mobile app development
• Backend: Python with FastAPI
• Database: MySQL or MariaDB, using Alembic for migrations
• Local Orchestration: Docker, docker-compose
• Server-Side Orchestration: Kubernetes

Assumptions and Constraints

• The application will primarily target individual users in India, with INR as the default currency.
• The application will be developed for mobile platforms using React Native.
• The backend will be developed using Python and FastAPI, with MySQL or MariaDB as the database.

Glossary

• Budget Categorization: The process of organizing expenses into predefined categories to better manage finances.
• Spending Insights: Analytical insights into a user's spending patterns and habits.
• Bill Reminders: Notifications sent to users to remind them of upcoming bill payments.