🌊 FinFlow: Ride the Waves of Your Monthly Expenses! 🌊

⚠️ In Development ⚠️

Heads up! FinFlow is currently a work-in-progress. Some features might be missing, and the waters could get a little choppy!
You can check out our Roadmap below to see what's on the horizon. 🌊

---

Welcome to FinFlow, the easiest way to keep track of your monthly expenses and visualize where your money flows! With a sleek and interactive Sankey chart, you can see exactly where your hard-earned cash goes each month. Plus, you can export your chart for future reference or share with others!

🚀 Features

• 💰 Expense Tracker: Log your monthly expenses in a simple, category-separated form.
• 📊 Beautiful Sankey Chart: Watch your expenses flow from category to category in a smooth, interactive chart.
• 📦 Export Your Chart: Save or share your chart with ease—make your finances look as cool as the ocean.
• 🔵 Blue-Themed Design: Immerse yourself in a calming, ocean-inspired user interface. 🌊

💻 Try FinFlow Live

Check out the website right now: FinFlow

🛠️ How to Use

1. Add Expenses: Enter your expenses in categories (like Rent, Groceries, Entertainment, etc.).
2. View Chart: Once you've entered your expenses, navigate to the Sankey chart view to see how your money flows across the categories.
3. Export Chart: With one click, export your Sankey chart as an image file.

🌀 Tech Stack

• Frontend: React, Next.js ⚛️
• Styling: TailwindCSS 🌀
• Chart: Nivo 📊
• Deployment: Vercel 🚀

🚢 Set Up Locally

Want to explore the code or contribute to the project? Follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/finflow.git

2. Install dependencies:

   npm install

3. Run the project:

   npm run dev

4. Open your browser and go to http://localhost:3000.

---

🛣️ Roadmap

Upcoming features and improvements:

• 💾 Data Persistence: Save your expense data between sessions so you don't lose your entries!
• 🔗 Shareable Chart Links: Share your Sankey chart directly with others via a unique link.
• 📱 Mobile-Responsive Design: Make FinFlow easy to use on mobile devices.
• 🎨 Custom Categories: Create custom expense categories to fit your unique financial flow.
• 🔄 Recurring Expenses: Automatically track recurring expenses and visualize them over time.

Stay tuned for these updates as we continue to smooth the seas and improve your experience!