Aiyo's Expense Report

check out my code!
ID: On a light green background sits a white rectangle that says "Aiyo's expense report". There is an array of ellipses above the rectangle in shades of light green and dark green to show a shift in color.

I wanted to keep track of something that feels tangible. I felt like I spent a lot of money last week on various things so I wanted to create an expense report. The green dots indicate the days of the week moving with a shift in color to show the changing days.

Design Process

When approaching arrays I wanted to make sure that I understood how to use them so I wanted to simplify the things that I used in this design. I did not want to overcomplicate the design and miss an opportunity to practice functions.

Reflection

I sketched out the patterns that I tracked and found it a bit challenging to visualize my data because I wanted to avoid overcomplicating the design. I drew symbols of a car, bike, train, etc to map out the categories where I was spending the most.

Credits

I watched the Coding Train's Tutorial on Arrays and that really helped clarify Arrays for me.