Studious

• 

  Add Event Prompt

• 

  Calendar Interface

• 

  Studious Logo

Inspiration

For us working on Studious, grade 12 is just around the corner. That means that we need to really put our heads down and work to achieve top marks. But this can be difficult given the numerous task given over then course of a short period and the distractions that are present in our every day lives. This lead us to create Studious, a tool which aids in organization and time management.

What it does

Studious looks like a regular calendar at first glance, but the hidden gem lies within the features we have implemented. The first thing you'll notice is that you can add events to different dates so that you can keep track of what different tasks or events you have planned. The calendar also displays the current date as to limit confusion. There is a heat map where darker days are more packed and lighter days are not so the user can see what days have more events compared to others.

How we built it

The entire website and its functions were made using HTML, CSS, and JavaScript. The frame for everything was made using HTML and the styling and artistic aspect was created using CSS. All the features were made using JavaScript which was incorporated to the HTML code.

Challenges we ran into

Figuring out how to make the heat map was quite difficult in the sense that it was difficult to get what wanted to in our idea onto our paper. In addition to that, adding multiple events to one date seemed intuitive, but proved to be more complicated that we expected due to the code we sourced not easily shifting to this style.

Accomplishments that we're proud of

Creating the framework for the calendar seemed like a daunting task at first glance but to our pleasant surprise, we ever able to source the correct code that we needed which supplied us with the general functions that we needed to make this project come together. This project was a lot of trail and error with independent piece so it's a relief we finished in time.

What we learned

We learned that time management was key in our process of creating this application. Putting things off further and further would only create more work for us just when we don't need it, so working in the most time efficient manner is definitely a must.

What's next for Studious

In the future, we hope to branch out and make different methods of acquiring the app such as applications for iPhone and Android and maybe even an extension for peoples browsers. Extra features would be nice too such as collaborative events and more detail to the existing event pop up.

Built With

• css3
• html5
• javascript