Many university students today, especially full-time students, often struggle to achieve desired results across all units whilst maintaining a healthy balance between study, work, recreational and social activities.
We attempted to solve this by creating StudyFlo, which helps students work more productively by breaking down assignments into smaller, doable goals that lead up to completing an assignment. The purpose of this is to help students create their best submission without feeling burnt out throughout the semester. An interactive calendar is also provided to help students keep track of upcoming deadlines and to stay on track.
StudyFlo was developed with ReactJs with the VS Code WSL extension. The web application used many Material UI components such as: Drawers, Grids, Cards, Typography, makeStyles, createTheme etc. A .js file was created for each page, each main component and for the layout component where the styling of how each page interacted with the sidebar was done. React hooks were used to avoid the need for making component classes which made it easier to share component behaviour throughout the app.
We faced many challenges throughout this project. As the majority of our team are beginners, we found it fairly difficult learning and applying the basic fundamentals of JavaScript and React. To resolve this, much time was spent reading documentation and watching YouTube courses on React.
Log in or sign up for Devpost to join the conversation.