Finance app profile

How do I load the authenticated user's data into the profile screen?

Paste this template into Bolt or Lovable and ask your AI to fetch the signed-in user's name, email, and balance summary from your auth provider and database. Supabase and Clerk both expose the user object in the session. The stats use the same query that powers the home screen balance card.

How do I add a sign-out button to this screen?

Add a sign-out row at the bottom of the Preferences group. Give it a destructive text colour and wire it to your auth provider's sign-out method. Route the user back to the sign-in screen on success and clear any local session state.

How do I make the stats update in real time?

Ask your AI to subscribe the stats row to your transactions table using Supabase Realtime or a polling interval. Recalculate net worth, savings, and monthly spend whenever a new transaction arrives.

Can I use this profile layout for a crypto or investment app?

Yes. Relabel the stat cards to Portfolio value, Cash balance, and 30d return. Replace the linked cards row with Wallets and add a row for Tax documents. Ask your AI to pull live prices to recalculate the portfolio total.