FocusCat

I have worked on the UI, using a strawberry matcha theme in particular! i have added a progress bar with daily targets (which can be changed by the user), and page buttons for pages like stats. I am currently working on the stats page. i am in the middle of making a ypt-style heatmap calendar using echarts, and i also want to make a study bunny-style bar chart to show the proportions of subjects studied. ill also add the little “mascot” once ive drawn it (a cat of course)! and then ill work on the account page (google login and theme customisation in particular)

This is my study app so far! The ui is a bit plain but I’m gonna do that later. I havent done a devlog yet (i do devlogs and github commits rarely) but so far theres a subject bar with editing names, deleting subjects, adding subjects, and a drag and drop feature. the properties of the subjects get saved to local storage (which i will hopefully link to a proper storage thing like Firebase later). Clicking somewhere on a subject button (that isnt a button like edit) opens a timer window spanning the entire screen (because thats easier than adding the endTimer functions to when another subject is clicked mid-timer. The timer window has the subject selected at the top, and a slider input as well as two buttons to increase or decrease the timer. the input can be a multiple of 5 minutes up to 5 hours. once the timer has started, there is a button to end the session, closing this window. all windows also have some form of validation, such as the timer input being greater than 0 minutes in order to start it. also, there is a total time display, showing how much time had been recorded so far that day. Im in the process of making it so that if the current day is different to the last one recorded, the total time is stored with the last date and then reset so that the timer starts at 0 every day. After that, the next “big” feature is adding stats and graphs! I will be aiming for a ypt-style ui