EduBridge

Inspiration:

I was inspired by Khan Academy whose mission is to provide a free and world class education to anyone, anywhere. Additionally, Quizlet, a website many students use to make flashcards and study had recently blocked off some of their features such as their Test and Learn mode that many students use to study and requiring them to purchase Quizlet plus. This inspired me to make those features Quizlet blocked off in response and also add a new game to help with studying in order to improve access to education.

What it does:

The first part of my website allows a student who is not too good with English and might have trouble understanding some topics at school to translate those topics into their native language and then generate videos in their native language to help them better learn and ensure language is not a barrier in education. The second part of my website allows students to access features Quizlet now makes you pay for for free. You simply paste the Quizlet link you want to study and it generates the flashcards for you and you can use the Test and Learn modes, and then generate a video relating to your Quizlet topic in your native language. Additionally, there is a study game you can play with other students where the goal is to fire arrows at the opponent's castle to destroy it, and arrows are fired by answering questions correctly.

How we built it:

I built this app using reactjs for the frontend and nodejs for the backend. I also used firebase for my database to run the game and save the starred terms in the Learn option. I also used puppeteer to grab the quizlet flashcard data and the youtube videos related to your topic. Finally, what brought the app its magic and brought it to life was the css. I used tailwind for the css, which is by far my favorite css framework, which is super easy and convenient to use.

Challenges we ran into:

Some challenges I ran into was getting the firebase to work properly, as there were times where I accidentally caused a bunch of writes to firebase or caused infinite loops in firebase that crashed my website. I also faced challenges with the puppeteer webscraper, as quizlet has anti bot software, so I had to switch user agents.

Accomplishments that we're proud of:

I'm proud of getting the project done. It was tough to keep going with the project sometimes, especially when I got stuck, but I think the deadline motivated me to get it done. Also, from the beginning, I wanted to include some sort of game to make my project fun in some sort of way, and I'm proud that I was able to add a fun study game that promotes education.

What we learned:

I learned that I was resilient and had the willpower to keep going on and coding even when I was very close to giving up. I also learned to be creative and find multiple different creative solutions to problems and bugs when they came up when the first solution I tried didn't work.

What's next for EduBridge

Hopefully, my project will grow and I plan to share my project with my friends and peers to study together and break down language and educational barriers. I'm still currently trying to find a way to host the website.