Flashify Flascards

Inspiration

As AP students, we found it difficult to access tailor made study materials, especially for really niche topics, so we made a website that helps us study for tests.

What it does

The student starts by selecting what class they want to study followed by what topic/unit within that class they want to focus on. They would then receive flashcards of vocab terms to help them study the information.

How we built it

We used nextjs as our main framework and tailwindcss for styling to make the website look nice. For the backend API calls we integrated with OpenAI's API using javascript.

Challenges we ran into

It was difficult parsing through the data returned by the API because it would take too long for the data to be returned, resulting in an error. To solve this, OpenAI's "stream" feature lets us display the data as it is returned, one line at a time, which solves the issue of the delays.

Accomplishments that we're proud of

We are proud of the fact that we got a minimum viable product that works even though it isn't perfect. For example, we cannot save flashcards yet but we were able to get them fully displayed for the user.

What we learned

We learned mainly how to use API's including how to use API keys and how to encrypt them so that they remain private.

What's next for Flashify Flascards

In the future, we would like to add a database so that users can save their flashcards for later. In addition, we would like to add support for more AP classes like AP Psychology.