Study Buddy

A platform that combines some of the most useful student resources into one free to use and accessible platform to ensure efficient and fun study for students.

Comment

Inspiration

I came up with the Study Buddy when I realized how much of a hassle it is to have to constantly switch apps, and websites while studying for school. I decided to make a platform that could combine my most used resources into one website.

What it does

The Study Buddy holds 3 different pages as of now. On the first page, you can manage your assignments and tasks to stay organized.

On the second page, you can create your own customizable virtual flashcards. You can have an infinite amount of flashcards, and the program will generate them at random, and it will also never give you the same flashcard twice. In case you're interested, here is an article that talks about the benefits of flashcards https://usm.maine.edu/agile/using-flashcards

On the third page, there is a text box that allows you to input text, and have it read out loud to you using a speech API. You can pause and play at your desire. Having a program that can read text to you is useful as you can multitask as you are taking in information, and you are still able to take in information from text if you are dyslexic, or are visually impaired.

How I built it

I built the Study Buddy with HTML, CSS, and Vanilla JS. As I mentioned earlier, it is made up of three pages and I used a speech API for the third page (Audio Reader).

Challenges I ran into

Some challenges I ran into were the audio reader not pausing, the audio play button not turning back on, and the CSS animation for the flash card not working. I overcame these challenges be referencing other peoples code, as well as some YouTube videos.

Accomplishments that I'm proud of

I'm proud of the fact that I was able to build a functioning program for my first hackathon, and I'm proud of the fact that I was able to incorporate some technology that I would've never used if I wasn't in this hackathon.

What I learned

I learned how to use speech APIs through JS, I learned a lot about CSS animation, and I learned a bit about how websites actually are designed.

What's next for Study Buddy

Study Buddy will incorporate more resources within the application so that it becomes much more useful to students to use. Study Buddy may also expand into a mobile application instead of a website so that it can more easily be used on mobile.

Built With

Share this project:

Updates