Flashcard Generator

• 

  Main page (empty)

• 

  Main page (notes pasted)

Inspiration

As high school students, studying for tests has been a big part of our lives. One of the most tedious parts of studying is making flashcards. On the other hand, we all share a curiosity for AI, and wanted to complete a project in this area. We realized that making flashcards was something that AI could do much faster.

What it does

The Flashcard Generator turns notes into flashcards, using a ChatGPT API. Copy and paste your digital notes into our website and it will turn them into flashcards.

How we built it

We built the website using HTML, JavaScript and CSS. We used a ChatGPT API to turn the notes into flashcards.

Challenges we ran into

Initially, we used a Cohere API to change the notes into flashcards, but it was difficult to increase the accuracy. One of the issues was that Cohere wouldn't take the context of words, and used the word's most common meaning on the flashcard, rather than using the word in the proper context. This led us to use ChatGPT instead, which we found to be more accurate.

Accomplishments that we're proud of

We had to code in areas that we were not very familiar with, such as learning to use APIs and JavaScript, and had to change code often, but still completed the project in the end.

What we learned

We learned how to use ChatGPT's and Cohere's API.

What's next for Flashcard Generator

First of all, there are many frontend things we could fix, such as making flashcards that can flip, adding animations, etc, to improve the user experience. We could also allow users to save flashcards, and look at them again later. Improving the AI is another step we could take.

Built With

• api
• chatgpt
• css
• html
• javascript
• openai
• react