feat: add Makefile and integrate live financial data with auto-refresh charts

Makefile

@@ -0,0 +1,14 @@
+format:
+	python -m ruff format .
+
+lint:
+	python -m ruff check --select I,RUF022 --fix .
+
+check:
+	python -m ruff check .
+
+install:
+	pip install -r requirements.txt
+
+run:
+	python app.py

app.py

@@ -1,37 +1,68 @@
+import datetime
+
 import gradio as gr
-from gradio.themes import Default
 import pandas as pd
 import plotly.express as px
 import requests
+from gradio.themes import Default
 
 
 def get_financial_summary():
     try:
-        response = requests.get("http://localhost:8000/api/financial_summary")
+        response = requests.get(
+            f"https://green-smoke-labs-dev--green-smoke-labs-expensynth-api-server.modal.run/api/transactions/monthly-summary/{datetime.datetime.now().year}",
+        )
         response.raise_for_status()
         data = response.json()
     except Exception:
-        data = {"revenue": 1000, "expenses": 500, "savings": 500}
+        data = {
+            "months": [
+                "Jan",
+                "Feb",
+                "Mar",
+                "Apr",
+                "May",
+                "Jun",
+                "Jul",
+                "Aug",
+                "Sep",
+                "Oct",
+                "Nov",
+                "Dec",
+            ],
+            "credits": [1000, 1200, 900, 1300, 1500, 1700],
+            "expenses": [400, 600, 500, 700, 800, 900],
+        }
     return data
 
 
-def display_financial_charts():
-    df = pd.DataFrame(
-        {
-            "Month": ["Jan", "Feb", "Mar", "Apr", "May", "Jun"],
-            "Credit": [1000, 1200, 900, 1300, 1500, 1700],
-            "Expenses": [400, 600, 500, 700, 800, 900],
+def get_category_distribution():
+    try:
+        response = requests.get(
+            f"https://green-smoke-labs-dev--green-smoke-labs-expensynth-api-server.modal.run/api/transactions/category-distribution/{datetime.datetime.now().year}",
+        )
+        response.raise_for_status()
+        data = response.json()
+    except Exception:
+        data = {
+            "categories": ["Food", "Retail", "Others"],
+            "distribution": [40, 30, 30],
         }
-    )
-    df["Savings"] = df["Credit"] - df["Expenses"]
+    return data
+
+
+def display_financial_charts():
+    data = get_financial_summary()
+    df = pd.DataFrame(data)
+    df["savings"] = df["credits"] - df["expenses"]
 
     # fig1 = px.line(df, x="Month", y="Credit", title="Monthly Credit")
-    fig2 = px.bar(df, x="Month", y="Expenses", title="Monthly Expenses")
-    fig3 = px.area(df, x="Month", y="Savings", title="Monthly Savings")
-    latest = df.iloc[-1]
+    fig2 = px.bar(df, x="months", y="expenses", title="Monthly Expenses")
+    fig3 = px.area(df, x="months", y="credits", title="Monthly Savings")
+    latest = get_category_distribution()
     fig4 = px.pie(
-        names=["Food", "Retail", "Others"],
-        values=[latest["Credit"], latest["Expenses"], latest["Savings"]],
+        names=latest["categories"],
+        values=latest["distribution"],
         title="Latest Financial Distribution",
     )
     return fig2, fig3, fig4
@@ -163,11 +194,20 @@ with gr.Blocks(
         with gr.Column(scale=3):
             with gr.Tabs():
                 with gr.TabItem("Charts"):
-                    fig2, fig3, fig4 = display_financial_charts()
-                    # gr.Plot(fig1)
-                    gr.Plot(fig2)
-                    gr.Plot(fig3)
-                    gr.Plot(fig4)
+                    chart1 = gr.Plot(label="Monthly Expenses")
+                    chart2 = gr.Plot(label="Monthly Savings")
+                    chart3 = gr.Plot(label="Latest Financial Distribution")
+
+                    def reload_charts():
+                        fig2, fig3, fig4 = display_financial_charts()
+                        return fig2, fig3, fig4
+
+                    # Initial load
+                    demo.load(reload_charts, outputs=[chart1, chart2, chart3])
+
+                    # Auto-refresh every 1 hour (3600 seconds)
+                    timer = gr.Timer(value=60, active=True)
+                    timer.tick(fn=reload_charts, outputs=[chart1, chart2, chart3])
                 with gr.TabItem("Overview"):
                     # summary = get_financial_summary()
                     summary = chatbot_respond("What is the financial summary?", [])[-1][

requirements.txt

@@ -1,4 +1,5 @@
 pandas
 requests
 plotly
-gradio
+gradio
+ruff