Skip to content
Manuel Alférez Ruiz edited this page Oct 10, 2024 · 3 revisions

📊 Flowinance: Track Your Finances, Focus on What Matters

Welcome to the Flowinance Wiki! This is your go-to resource for understanding the project, its architecture, and how it handles data.


What is the project? 🚀

Flowinance is a powerful financial management web app designed to help you manage, track, and categorize your transactions effortlessly. With a focus on user experience, Flowinance leverages AI technology to simplify transaction categorization and provides multi-currency support, making budgeting and financial tracking seamless for everyone.


How is the data handled? 🔒

Flowinance prioritizes your financial data's security and privacy. Here's how data handling works:

  • Secure Uploads: Users can upload transactions via CSV, which are then processed using advanced AI algorithms for categorization.

  • Data Security:

    • All user transactions and sensitive information are end-to-end encrypted and securely stored in our database.
    • Only the user can access their financial data, ensuring confidentiality.

What is the architecture of Flowinance? 🏗️

The architecture of Flowinance is designed for scalability and maintainability, featuring:

  • Frontend: Built with Next.js for a dynamic, server-side rendering experience and a responsive user interface. The frontend is hosted on Vercel for seamless deployment and scalability.
  • Styling: Utilizes Tailwind CSS and Shadcn for efficient, customizable, and modern component styling.
  • Backend: Managed by Supabase, which serves as the backend API for handling transactions, user authentication, and data storage.
  • Database: Securely stores user data using Supabase's integrated database features.

Flow of Data:

  1. User uploads transactions.
  2. Transactions are encrypted locally and securely stored in the database in an encrypted format.
  3. Users can view their categorized transactions via a user-friendly dashboard.

What tools are being used and for what purposes? 🛠️

Here’s a rundown of the essential tools and technologies used in Flowinance:

  • Next.js: The core framework for building the frontend interface with support for server-side rendering.
  • Tailwind CSS: A utility-first CSS framework that allows for rapid UI development with customizable design elements.
  • Supabase: Provides backend services, including authentication and database management.

Feel free to explore further or contribute to the project! If you have any questions, join the Flowinance community discussions.

Happy Tracking! 💸