expenditureAI
- 3 Devlogs
- 3 Total hours
An AI-powered web app for monthly budget tracking, finding alternatives and cost-cutting, designed specifically for students' spending.
An AI-powered web app for monthly budget tracking, finding alternatives and cost-cutting, designed specifically for students' spending.
Everything is still static, nothing is yet functional but it soon will be. For now I have added heading and other UI components, skeleton etc.
I have tried to make it look as professional looking as I can with simple fonts and good placement of texts.
I did not make much progress in these days since my exams are coming up and tmrw is my first term exam. Everybody please pray for me, tysm.
gtg sleep now, bye
I have completely made the layout, and I bet it looks really clean. And I have added hover animations to all of it. For the large boxes, those will have a card hover animation where it follows your pointer if you hover over them, and the smaller boxes will have a simple yet smooth pop-up hover animation.
I have marked each of the boxes in different colors so that it can be understood what each of the section does:
Red: It shows our total cost forecast, month, and what percentage each item costs.
Blue: It is where you add your items along with cost.
Black: Here is where the algorithm or AI gives the output
Yellow: Bar graph comparison between our input and ai/algorithm saving suggestions and shows the total savings amount.
cya until next log…
Just started this project, I am still making the layout and stuffs. I’m thinking of going for a clean, simple and minimalistic design for the site. And I have plans to make a landing page for it later on when I finish the actual project’s site (this one).
Though I have to give it a sleek look, I don’t want to make it look dark and boring so there will be little tweaks to the design you might see on next log…