Mello is a web-based application designed to revolutionize the way users organize and break tasks down into sizeable time chunks. This project is associated with The University of Auckland SOFTENG 701.
Initial setup of the Trello screen. Basically just getting the screen to show, ideally with the background. If/when the sidebar is complete, it should also be visible.
TimerModal is an extension of the dashboard (under the current task component). Made our life easier by using shortcuts to create this component. These need to be refactored when the dashboard is complete:
Move the TimerContextProvider global state to the appropriate component (currently in index.js)
Move the TimeModal route to the appropriate component (currently in app.js)
Add the ability to drag tasks between the 3 vertical columns in the Trello board screen. The ability to drag/reorder tasks within one column can also be added but depending on how much time we have this can be left. This functionality should also be linked to firebease so that the changes are persisted.
As part of our CI/CD, we need to include some form of end-to-end testing. This will be done using Cypress and integrated into our git actions.
A limitation that might pop up is needing to access the firebase database to log-in, which may cause issues due to the limited amount of accesses our database can have. Will also look into ways to get around this limitation.
The current button component throws errors whenever any of the props aren't specified.
Not all the buttons will be a direct link, and they won't all have icons, so this shouldn't cause errors.
I think there should also be an onClick prop for specifying custom click events
Add 3 vertical columns to the screen. The columns are to contain tasks. The leftmost task should have a dummy '+' button that will have its functionality linked up later on. The 'Today's Tasks' screen has a similar list that Yuno mentioned could be heavily reused. in our screen
Change the order that the tasks are sorted within their vertical column. Examples of the way that tasks can be sorted include due date and class priority.
There is no way to access the timer-modal from the dashboard. When the dashboard has completed, change the onClick handler on the maximise button to bring up the timer-modal.
Current behaviour:
On smaller viewport sizes, the background circles cause overflow, pushing the main content in and shrinking it.
Expected behaviour:
The background circles can overflow their parent element without affecting other content. This could involve the circles scaling with viewport size.
The inputs given to the login and signup textfields should be checked. We need to make sure that all the inputs have been provided. If an input isn't provided, we should notify the user that it was missing.
Inputs should also be processed to some degree. At a minimum, we should remove leading/trailing whitespace
ESLint statically analyzes your code to quickly find problems. ESLint is built into most text editors and you can run ESLint as part of your continuous integration pipeline.