Funky Cards

Inspiration

During our brainstorming sessions, we were focused on finding creative ways to assist college students in their studies. It was during this process that one of our team members proposed a unique approach to learning by combining mnemonics and flashcards. His idea involved associating new words with memorable images related to their meanings. For instance, take the Japanese word for "tooth," which is "ha." He linked it to an image of a person laughing out loud. This simple yet enjoyable learning method not only accelerates the learning process but also makes it a delightful experience. We firmly believe that Funky Cards can make a significant impact in helping students learn more effectively by infusing fun and creativity into their study routines.

What it does

A flashcard web app that allows users to input a term, definition, and a mnemonic, and a picture will be generated using the given mnemonic using Open Journey's text to image API. This will allow users to learn the term more quickly, by relating the term to a mnemonic and a picture.

How we built it

Funky Cards was created using HTML, CSS, and JavaScript for the front-end, and Node.js for the back-end. In addition, we integrated Open Journey's text-to-image APIs for text-to-image generation.

Challenges we ran into

This was our first time using APIs, which required us to learn how to implement and connect the API framework with the project.
Styling of the app posed a significant problem, as displaying text in a specific manner required a deep understanding of CSS.
Converting Open Journey's image URL to a visible photo, that can be seen on the flashcards.
Using React throughout our project, as the learning curve presented certain complexities.

Accomplishments that we're proud of

Utilizing an API that allowed us to integrate AI into our project
The implementation of a variety of computer science languages to create a cohesive product.
Networking with like minded individuals to share and collaborate on ideas.

What we learned

API Integration: We gained experience in integrating external APIs into our application.
React JS: Developing with React JS allowed us to utilize a large framework, in order to create the main product.

What's next for Funky Cards

User-Generated Content: Users can share their flashcards and mnemonic techniques, fostering a community of collaborative learning.
Mobile App Integration: The introduction of a mobile application will allow users to study on the go
Integration with Educational Platforms: Funky Cards will seamlessly integrate with popular educational tools and platforms, through the development of a web extension.
Saved Study Sets: A feature that will allow users to store sets of flashcards for continuous learning.