BrainBurst

People get hooked on apps like TikTok because scrolling gives them dopamine. Our goal is to replace wasting all that time of scrolling with quick fun learning challenges with flashcards and Q/A’s.

Comment

Inspiration

We were all inspired by the idea to replace brain rot and doom scrolling with something more productive. All three of us wanted to create something that seemed completable within 24 hours while also within our goal. So we decided on a flashcard/QnA web application.

What it does

Apps like TikTok reel you in having and endless feed, an infinite scroll. We wanted to have the flashcards seem endless in a way. Where the scrolling is endless. There is a secure login and you can add, edit and remove cards within a single page. The design was catered towards a mobile design to mimic more of those apps like TikTok. We also wanted a small challenge to it so it didn't get boring so we had two modes, learn and practice. Learn was simple flashcards, terms on one side and the definition on another. Practice mode would've you with a multiple choice feature with fake answers generated by AI, with your real answer among them.

How we built it

We built it with React, Javascript, TailwindCSS and Supabase as our database and authorization. React and Javascript were used to build the main functionalities of the application while TailwindCSS replaced traditional CSS as styling. Supabase was used as our database which utilized PostgreSQL. It also provided authorization for secure logins and user management. GeminiAPI was used to generate fake answers among your real answer in practice mode.

Challenges we ran into

This was our first time using Supabase so there were some setbacks. We did not know that Supabase provided authorization so we have some refactoring a few hours into our project. Managing SQL tables and using Supabase's REST API was also a first so setting up the correct constraints was also unfamiliar and a small challenge. Mimicking the infinite scroll like feature of TikTok and Instagram reels was also a challenge since we also had to refactor a lot of our codebase to compensate for it. GeminiAPI was challenging because of how it would communicate with Supabase and how it generated the fake multiple choice answers.

Accomplishments that we're proud of

We are proud of the progress we made within 24 hours and how we managed to stay up during the entire Hackathon. All three of us wanted to stop at some point but we didn't and stayed with it. Overall our project is still not fully complete but the features we were able to implement, we are very proud of.

What we learned

We learned that its hard coding for nearly 24 hours. Its a challenge mentally when you know you don't have to be here but you choose to be. We also learned some new useful technologies that we can leverage. We learned that about environment variables and the security of them.

What's next for BrainBurst

We plan to complete all of the main features that we planned to implement. We also have plans to deploy our project but that is a stretch goal for the future as there are still uncertainties.

Built With

Share this project:

Updates