tabunganku

Background When building a web application, we eventually have to connect to a database to retrieve data and to update data. One thing we don’t want to experience is having our database password leaked. Cloud providers solve this issue by providing a service to store sensitive information (e.g., AWS Secrets Manager). We need to explore an alternative solution to avoid reliance on external services. I researched two Java libraries that allow us to store sensitive data: Jasypt and dotenv....

I have completed the implementation of most of the main page features. It can load recent transactions and create a pie chart based on these transactions. Furthermore, the page displays both the total earnings and expense of the day. There is one feature that I have not completed yet, and that is the ability to view transactions on a date other than the current date. Display Here’s what it looks like if there is available data: To ensure good accessibility, I use Accessible Colors to adjust the red and green text colors....

Color Variable In the design, the front page of Tabunganku will feature a pie chart. Back then, my primary concern was ensuring the distinct identification of each category. After some consideration, I realized that users’ priority might be to view a beauty chart without any configurations. In the worst-case scenario, a user might ignore the color selection process, leading to the pie chart displaying in black color. For this reason, I have made the decision to remove the color value from the input....

I designed both the Add Transaction and Add Category pages to be similar. Both pages utilize the form tag. Inside the form element, I created two columns to separate the label and the input fields. Svelte Directory Structure In Svelte, the directory represents the URL. For example, if a website has a page /foo/bar, we need to create a new directory in Svelte src/routes/foo/bar and create a +page.svelte and any other files needed....

To develop the front-end side of Tabunganku, I am faced with numerous options. Based on Stack Overflow Survey, most developers used React, jQuery, or Angular to develop their front-end. I searched around and discovered Svelte. I think it is an interesting technology because people keep hyping it up. Page Layout Svelte allows me to create a separate page just for layout so that the header and sidebar will be consistent across every page....