expenditureAI
- 9 Devlogs
- 14 Total hours
A custom algorithm-based web app for monthly budget tracking, finding alternatives, and cost-cutting, designed specifically for students’ spending.
Ship #2
We are almost dead end of the stardance and I hope this is gonna be my last devlog. Last time I had to make changes since AI use went over 30%, so I had to either add new features or rewrite the codes myself.
Here are the changes:
Added:
- New landing page (made purely out of HTML/CSS)
- Custom globe model with major regions marked (Made in sculptGL and textured in Paint3D, used google’s model-viewer to display)
- Region code legend marked in color emoji squares.
- Notes (for storing texts in local storage)
Rewrote: - Currency converter (redesinged with bare HTML/CSS and paired with existing script.)
- New README (reference from othneildrew/Best-README-Template, and Ileriayo/markdown-badges)
note: for now the chart is not functional, I will fix it later.
Ship #1
And here it is, finally forged a clean and simple README.md page. I have not got anything to say since it is the last log before I ship. So better read the ship message or check down other logs…
.png)
I made a small change before the ship. I have added a small widget and a legend for the country codes inside the forcast box. The widget is able to convert the other country rates to USD on a rough estimate. Along with that the forcast changes its currency too now. The analyze button now works manually unlike before where it just instantly show the output.
After this I’ll have to upload it to infinity free for the hosting. I might make another log when I’m done writing the README.md. CYA…
The flowcharts and logic for the food delivery options are done. This one I made it on figma and as you can see it does not look as good as the one on the right (made on draw.io), plus it was kinda sluggish to make it cuz randomly the figma page gets corrupted and the texts get interchanged in the boxes. And the saddest thing was I spent an hour on it but the extension only recorded 22 mins.
But, i’ve finally done it. I think I will ship it now for everyone to test it before I progress more into it.
After juggling with lots of tight time management, I was able to finish the algorithm logic for the music subscription options. I made it on draw.io and honestly it was not that quick and easy as it looks.
I will be switching to figma for the next data set since doing all these on draw.io won’t log anytime but it will get more complicated make these flowchart compared to how smooth it is on draw.
I must get back to make another chart, CYA!
Unfortunately, I had lost my streak… cuz I was having exams and stuff so I could not really do much until today and made a bit of progress on the UI side, nothings yet funtional do but this is how the finsihed UI is gonna look like.
I might have to skip few more days until I get enough time to make my own algoritm since I’m not planning to use any kind of pre-made AI apis or any help from someone’s AI. It’s gonna be based on all present/given data.
Cya
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…
