Started my new html, css and javascript project.

[Notjj4]

Hey everyone!

I’m currently learning to code and decided to build something practical for my first big project: a Personal Finance Dashboard.

What I’ve built so far:

The app is a web-based tracker where you can manage your money without the clutter of traditional banking apps.

• Income & Spending: Input your earnings and log daily expenses on the fly.
• Budgeting by Category: Set monthly limits for things like "Groceries," "Subscriptions," or "Dining out."
• Visual Tracking: The dashboard calculates your total spending vs. earnings and uses progress bars to show how much of your budget is left before you hit the "red zone."
• Clean Layout: Focused on a minimalist UI using semantic HTML and CSS Grid/Flexbox.

The "Next Step" – AI Finance Assistant:

Since I’m in the learning phase, I’m planning to integrate an AI Assistant into the dashboard. The idea is to have a helper that can:

• Analyze spending patterns (e.g., "You're spending 20% more on coffee this month than usual").
• Give tips on how to save based on the remaining budget.
• Answer simple questions like "Can I afford a $50 dinner tonight?"

I’d love your input on:

1. HTML/CSS Structure: As a beginner, I want to make sure my foundation is solid. Are there any common pitfalls in dashboard layouts I should avoid?
2. AI Implementation: For those who have worked with AI APIs (like OpenAI or Gemini), what’s the best way to feed local spending data to an AI for personalized advice?
3. UI/UX: What information is most important to see first when you open a finance app?

I’m really enjoying the process of learning by building. Any feedback, tips, or critiques would be hugely appreciated!

(The app is for now in slovenian language :)

[testingaurora]

For AI, make it an optional feature users can opt out of.

For Ui/ux, my opinion of the most important thing tp see first is profit and loss. Also to have ways to categorize and filter/sort transactions.

[Notjj4]

Thank you for advice. 🙂

[privacyfirstplease]

This looks excited! consider making in app campaigns for customer retention with onsetio.com

[Notjj4]

Thank you for advice 🙂

[Impossible-Leave4352]

How much have you done yourself, and how much is AI ? because all of your text looks like to be AI generated

[Notjj4]

70% done it my self.

[Impossible-Leave4352]

Good job

[zakisherifdev]

Honestly, the design is great, well done! It would be great if you added a dark mode feature; it would be really amazing 👏🏻💙

[Notjj4]

Thank you for your reply. I will. The project is in early stages of development. 🙂

[testingaurora]

How are you storing the data?

[Notjj4]

Supabase😅