Rayyaan Mustafa ([email protected])
Anthony Gao ([email protected])
Kevin Nguyen ([email protected])
We plan to create an app that will make time management a far easier task for everyone by allowing users to log what they do with their time and providing analytics to them on how they've been spending their time.
As college students, we find ourselves always at a strain for time. Being able to manage our time better is something many of us focus on daily. Using the app, users will be able to better understand their habits and figure out how they can use their time better.
HTML - used to make raw website
CSS - used to customize website
JS - used to add interactivty to website
Chart.js - used for visualization
localStorage to store user data
Input will be data about the user's daily activities, inputted directly by the user two main forms of output:
- Personalized graphs that will visualize to a user how their time is being spent
- Tips to user on how to boost productivity based on their habits and pre-made templates
We used the composite design pattern because we wanted the functionality of adding activities to days and having the display function be different for activities, days, weeks, months, and years. They also each have a has-a relationship with each other, so composite design pattern is ideal.
Depending on the user inputted data, the insights strategy pattern will produce suggestions that the user may take. Crossing set thresholds may be a trigger to suggest a break, reduction, or increase of that activity. Currently, it consists of 5 concrete strategies that can display the triggered insight.
The decorator design pattern allows us to add new functioniality to already existing objects. With this pattern we have Chart as our abstract component. Chart has three concrete components namely, Radar, Pie, and Line chart. Chart Decorator is our abstract decorator and it has two concrecte decorators namely, Default Colors Decorator and Dark Colors Decorator. This design pattern allows us the functionality to alter the color scheme of our charts during run-time