Study Buddy

Let's be honest, Quizlet sucks. At least the free version, that is. Let's introduce you to Study Buddy instead, an AI-integrated flashcard system to help generate extra study material as you practice!

Comment

Inspiration

When it comes to flashcard sites, many of them include regular flashcard functionality, such as being able to create and study cards. While quite useful, many people spend more time creating cards than they do studying the material. As a means of solving this, we've created a website that allows users to create and edit cards, while also implementing AI to generate new cards based off of areas that users struggle in.

What it does

Simply put, Study Buddy offers users a simple means of creating flashcards, while also providing a tool to study the cards that are created. While studying, the question of will be displayed, with a button to reveal the answer once users have made their guess. Upon revealing the answer, users can select from one of three buttons depending on how confident they were when answering the question: "good," meaning the user had no trouble identifying the answer; "unsure," meaning the user wasn't too confident with their answer; "bad," meaning the user could definitely benefit from working with similar material. While working through the notecards, the amount of times each button is clicked is tallied up until users finish studying their cards (which is indicated through the press of a "Finish Studying" button). Based off of which notecards were marked as "unsure" or "bad," users can click on a "Generate Similar" button to have the integrated ChatGPT tool create and add new cards related to the completed ones to supplement the user's learning experience. All in all, Study Buddy allows users to create similar study materials with the click of a button!

How we built it

We built this project using a website App that was deployed through Vercel. Most of the coding was done in Typescript, CSS, and JavaScript.

Challenges we ran into

While working on the project, our biggest challenge was implementing ChatGPT and getting it to create new cards automatically rather than relying on user input to generate a response. Additionally, trying to create a page system was a difficult task due to how our app was set up and the missing components it contained. Ultimately, due to time constraints the separate page idea was forsaken, leaving all the features of the website to be on a single page.

Accomplishments that we're proud of

Our greatest accomplishments were being able to complete the study mode for the cards, which involved keeping track of the different confidence values being selected ("good," "unsure," "bad"), being able to display the added results after finishing the study session, and refreshing the values when beginning a new study session

What we learned

We reinforced our skills with CSS and maintaining state through React, while also learning how to implement ChatGPT into a website. We also learned about the importance of revisiting and revising our goals to meet time constraints, creating a dynamic environment that challenged our demands.

What's next for Study Buddy

Like other generative programs, Study Buddy currently lacks the capability of confirming content created by its AI system. As a result, the answers to questions may not be entirely correct. Additionally, we believe that Study Buddy could be much more handy if there were more features available to the user, such as being able to create multiple sets of notecards, setting up an account to save card sets, and being able to pick and choose which AI generated cards should be added to their list. If given the chance to complete the project over a larger scale, we would take these considerations in mind while also polishing the layout and design of the site to look more appealing to site viewers.

Share this project:

Updates