Inspiration

As first-year college students, we are always looking for ways to increase our productivity while studying to perform better academically and still have more time for other activities.

We realized that a huge amount of time was being spent just making flashcards, before we could even start studying.

When the opportunity to develop an add-on with Adobe came up, the three of us collaborated to create StudyDeck, a solution designed to save time and make studying smarter.

What it does

StudyDeck allows students to quickly turn their notes into flashcards by simply copying and pasting text. Instead of wasting time manually creating cards, users can generate effective, customizable flashcards in seconds, helping them study faster and more efficiently.

The program identifies key elements in the text, prioritizing numbers first, then proper nouns, and finally common nouns to generate effective flashcards.

How we built it

We developed our add-on using HTML and JavaScript, testing the code in the Code Playground within Adobe Express. We started by focusing on the front end, designing the user interface, and then adjusted the code to capture notes. The main functionality was implemented by developing an algorithm that intelligently selects a word to blank out from each sentence, creating flashcards. Finally, we improved the UI by creating the flipping motion of the cards.

Challenges we ran into

Throughout the hackathon, we encountered three major challenges:

First, we originally had five members on our team, but two dropped out the morning of the hackathon due to unforeseen circumstances. This forced us to quickly restructure responsibilities and adjust our project scope.

Second, we struggled with transitioning from the Adobe Playground environment to the actual add-on. While our code worked in the playground, integrating it into a full add-on proved more complex and required significant debugging and rework.

Finally, we faced an issue where our generator button was not functioning, preventing flashcards from being created until we troubleshooted and fixed the problem.

Accomplishments that we're proud of

We are proud to have completed a fully functional project while navigating a new platform, Adobe Express’s add-on development environment, for the first time.

Additionally, this was our first hackathon experience, and we’re proud of how we worked together under time pressure, adapted to unexpected challenges, and collaborated effectively as a team.

What we learned

Through this project, we gained valuable experience working with the Adobe Express add-on platform and learned how to integrate functional front-end features within a new environment.

We also deepened our understanding of how to collaborate efficiently under time constraints, delegate tasks effectively, and adapt quickly when unexpected challenges arose.

What's next for StudyDeck

In the future, we hope to expand on StudyDeck, making the experience even more customizable for users by allowing them to adjust the difficulty level of flashcards, choose different study modes, and organize their flashcards into folders or subjects.

Share this project:

Updates