DeckConnect

• 

  Wireframes created utilizing Excalidraw

Inspiration

DeckConnect was born from the desire to make language learning more engaging and accessible. Traditional flashcard apps often lack the social and customization features that modern language learners need. We wanted to create a platform that combines effective learning methods with social connectivity.

What it does

• Provides premade decks for multiple languages (Spanish, Mandarin, Hindi, Bengali)
• Supports custom deck creation with rich media integration
• Features interactive flashcard practice with transliteration support

How we built it

• Frontend: React.js with modern hooks and state management
• UI/UX: Custom CSS with responsive design and animations
• Storage: Local storage for persistent data management
• Components: Modular architecture with reusable components

Challenges we ran into

-Working on this project while simultaneously attending a full-stack Software Engineering bootcamp

Accomplishments that we're proud of

• Seamless integration of multiple language support including non-Latin scripts
• Engaging user interface with smooth animations and transitions
• Flexible deck management system supporting both premade and custom content

What we learned

-How to plan a website and the flow of user experience with wireframes -Effective state management patterns in React

What's next for DeckConnect

• Ability to share custom decks with other users -Community-contributed deck marketplace -Tagging system for improved filtering and organization -Integration with API/s

Built With

• express.js
• node.js
• react