Study Scheduler

Inspiration

Too many times do students stay up much too late cramming for an exam or working on an assignment at the last minute, resulting in losing sleep the night before an important day, thus potentially risking losses of productivity during the day. We wanted to eliminate that issue (or at least diminish it, I mean, we are college students after all) by scheduling out the assignments over a span of several days.

What it does

Has the user log into their google account. They are then prompted to choose which calendars they would like to use for determining schedule availability. Afterward, they create an assignment with the following attributes - name, class, length (in hours between 1 and 5), and number of days before due date (between 1 and 5). The computer will then check to make sure that the user has space in their calendar, and if so, will divvy out work on the assignment over the span of a few days.

How we built it

Using a Google Calendar API, we requested authorization into order to gain access to their Google Account. We used HTML and CSS to create a UI that would allow the user to choose which calendar(s) they wanted to access, and to add an assignment to them. Using React, we were connected the different calendars to the front-end, so that the user could have their chosen calendars displayed.

Challenges we ran into

The biggest challenge we ran into was getting the front end of the program to respond to the back end of the program. Because neither of us had ever used React before, we couldn't move forward until we set up the React-based back-end.

Accomplishments that we're proud of

We are proud that we were able to get a UI that is functional and presentable. We are also happy with the fact that we taught ourselves React in less than 12 hours while working on this project!

What we learned

We learned the React is very difficult to learn (lol). In all seriousness, we learned that the capabilities of front-end and back-end are very powerful, which means that it is difficult to pair the two together.

What's next for Study Scheduler

The next step for this project is to make it more sophisticated. That entails not having a max number of hours for a project, not having a max set of days to complete project (rather having a calendar due date listed instead), make the UI more sophisticated (creating a pop-up form each time the user adds a new assignment instead of a permanent form below calendar selection).

Built With

• css
• google-calendar-api
• html
• javascript
• react