NumSage

Inspiration

While taking a Korean class last semester, we realized there was no easy way to learn numbers in other languages. The only real method was to use flashcards to remember each word, but this did not prepare learners for real-life examples where any combination of numbers was possible.

What it does

This problem led to the creation of NumSage, an interactive web program that makes learning numbers more fun and effective! Learners challenge themselves to solve as many numbers under a fixed time period, with both real-time and post-game feedback for them to improve on.

How we built it

This project was built using the Next JS framework, with Tailwind for styling and ... for multiplayer!!

Challenges we ran into

We had to look for a multiplayer library and ultimately settled with Colyseus. It was tough to handle a shared session state from multiple clients simultaneously. However, our prior knowledge of networking concepts helped us set up a functional multiplayer experience.

Accomplishments that we're proud of

This was the first time we had ever created a multiplayer project, and we are thrilled that we managed to get it working within the short timeframe of a hackathon.

What we learned

What's next for NumSage

We are excited to bring NumSage to new levels even beyond this hackathon. We aim to consult with language learners and teachers in our university for feedback to bring NumSage to an ever-increasing pool of languages. We also aim to implement audio functionality for NumSage, for learners to challenge themselves further by testing themselves with audio clips instead of looking at their target text. Finally, we also aim to work with language teachers to create custom learning content for NumSage, such that it truly becomes a one-stop shop for all a language learner's needs.

Built With

• colyseus
• nextjs
• node.js
• tailwind
• typescript