SmarterTogether

• 

  Landing Page

• 

  Main Application

• 

  Sorted Study Tasks

• 

  Break Alert

Inspiration

Our inspiration for creating this application stemmed from our own struggles with getting started on studying. We vividly remember the frustration and procrastination that often hindered our progress. When many tasks stacked up it could often be too daunting hard to know where to begin. We realized that many students face similar challenges, and we wanted to develop a solution that would make it easier for them to initiate their study sessions effectively. This application is the result of our determination to alleviate those initial hurdles and help students embark on their studies with confidence and enthusiasm. Building upon the central message of collaboration, we made features that promote teamwork!

What it does

SmarterTogether is a tool that everyone can use where a person first selects the group size that they will be studying/doing work in, they then select how long an interval they want to work in and how long a break they will take in between each interval. Each person then takes turns inputting their tasks on the main device and someone will press “sort tasks”, the program will then sort the tasks using an algorithm and rank each person’s task from highest priority to lowest priority. Everyone will begin working on their tasks, marking them off as they complete it and take a break when the program alerts them to. Everyone is required to take a break for the allotted time, the program then starts another interval once the break is done and does not stop until the user prompts it to.

How we built it

We built the application using the React, which allowed us to create a dynamic and responsive user experience. The way we structured and created React components allowed for a smooth and seamless application interface. There was a lot of testing and debugging through the entire process, but we enjoyed every moment and learned from our mistakes.

Challenges we ran into

Our initial challenge came from the idea generation process. We wanted to make a program that was unique and applicable in many situations, many ideas came forth however those ideas handled a user’s mental health after it already was an issue. As such we had to come up with an idea that addresses the root cause that was negatively impacting students’ mental health before it becomes worrying. We also ran into issues utilizing the variety of React components, time sunk researching and optimizing that needed to be made up later.

Accomplishments that we're proud of

We are both proud of ourselves for creating this application in under 2 days. Although there were times where fatigue set in, we made sure to delegate tasks and continue pushing. There were more features we wanted to add, however we also really wanted to make sure our product was presentable. Focusing on creating a nicely packaged deliverable being our main goal, we are happy to say that goal was reached.

What we learned

The biggest lesson learned through this experience was to plan and follow a systematic approach to programming. Unexpected occurrences happen and our flexibility allowed navigation through bugs and complex issues.

What's next for SmarterTogether

There is a world of features to be integrated with SmarterTogether. First is the feature of real-time collaboration with other users authenticating through a generated code. This will allow people from across the world to collaborate in study sessions.

Built With

• css
• html
• javascript
• npm
• react