Beaver Brilliance

• 

  Login Screen App

• 

  Blank Card

• 

  Added Card

Inspiration

We were inspired by our poor experience with Quizlet, as it required an account and had too many ads for our liking. We also saw other flash card apps such as Anki, but it requires a one-time payment of $25 dollars (at least for iOS), which is much too steep when we can make a free alternative in 24 hours.

What it does

The application allows the user to import and/or create flash cards, to help with learning text-based content.

How we built it

Next.JS and the Google Drive API.

Challenges we ran into

The Machine Learning component was using Open AI that had limits, so we needed to run ollama locally. Figuring out how to use state with React was also a challenge

Accomplishments that we're proud of

Connecting Google Drive storage to the Web App and adding LLM conversion of PDFs into flash cards.

What we learned

Next.js and Tailwind CSS! We gained some experience in problem solving inside of react. It was the first time using react for two of our team members. We also learned to how integrate AI into our project to promote efficiency in times of great time constraints.

What's next for Beaver Brilliance

Deploy the web app to a server.

Built With

• google-drive-api
• llm
• next.js
• react
• tailwindcss
• typescript