motion.

Quiz View with 2 Players
Home Page containing notion pages
Quiz View

Inspiration

Recent studies have shown that online games are beneficial for students to learn different queries. Not only is it fun, but it helps students to learn more about their subjects. As, such we'd like to combine this knowledge as well as with a common tool that students around the world use to take notes - Notion.

First Study

What it does

In order to do this, we wanted to make a real time game that involved selection of topics from the student's Notion page. We utilized ChatGPT to generate a collection of questions for students to use to study their notes. In this way, we were able to gain full usage of all of the different topics in the student's notions.

How we built it

We utilized Svelte + TypeScript for the frontend, along with SvelteKit, Firebase, and Axios for the backend. We utilized Firebase in order to enable real-time using its concurrency handling.

Challenges we ran into

Using the Notion API was pretty difficult because the documentation is not very succinct and it takes a while to find what you’re looking for. Also, some of the versions of the API gave us errors because the documentation had outdated versions. Interfacing SvelteKit with Firebase was also difficult as it was our first time using this stack for our backend.

Accomplishments that we're proud of

Being able to get the quiz function to work with Firebase and ChatGPT API is something we’re pretty proud of, since we only had 8 hours.

What we learned

We learned that the Notion API has a lot of possibilities if you put time into learning stuff like authentication and rich text scraping. We also learned how to use Firebase with SvelteKit.