Memolyzer

We are building an application with MERN stack combined with Gemini API to create a cohesive learning experience by allowing users to freely share and create flashcard sets.

Comment

Inspiration

We joined WiNGHacks this year to experiment with new things, so we thought what could be better than creating a website that helps users learn in a fun and engaging manner! As students, we wanted to find ways to learn through active recall. As programmers, we wanted to challenge ourselves by using completely new frameworks and tools such as the MERN tech stack. With those mindsets combined, we are proud to present Memolyzer, our Gemini-powered study website!

What it does

Users can upload files that they wish to generate flashcards from into Memolyzer. Our website uses Gemini API to parse through files that were uploaded by the user and to create flashcards based on content from the file. Users can also edit and delete flashcards.

How we built it

We used React, CSS, and HTML to create the website's frontend. We used Node.js and Express.js to create the website's backend. We used MongoDB to implement the database, and Gemini API for generating flashcards and parsing through files from the user.

Challenges we ran into

MongoDB caused a lot of conflicts within the code as it would work on one device and not the other. Working with a database had a steep learning curve as we had never used MongoDB before. Moreover, since it was our first time learning React, there were a lot of rules that we did not understand. Our frontend developer had never built anything with React and started learning it on the spot.

Accomplishments that we're proud of and things we have learned

Together, we learned React for the first time and helped each other with JavaScript and debugging. We also learned how to use Gemini API to parse through files, which was a huge improvement on how we previously implemented Gemini in our projects. Throughout this journey, we are most proud of how much we have debugged as we had bugs for every functionality. Despite all of this, we managed to come through with a finished website.

What's Next For Memolyzer

We would like to implement sharing functionality so that our users are able to share their flashcard sets with one another. Moreover, we would like to integrate Gemini API more thoroughly with our website by allowing it to create study plans for our users and generate quizzes to target specific weaknesses.

Share this project:

Updates