Switch!

• 

  Prototyped start screen

• 

  Prototyped chat screem

Inspiration

We very much resonated with nwPlus’s commitments to diversity, inclusion, and accessibility, thus, we tried to model our project in accordance to them. This along with the age old problem of not being able to understand a different language guided our development and conceptualization of Switch!.

What it does

Switch! Is a chatroom that translates any language sent to you into a language of your choice. Simply choose a language you’re fluent in, learning, or just plain interested in and marvel as any message sent to you pops up in this language. But it’s not just you… any user of Switch! has their chosen language and thus everyone can understand each other.

How we built it

We prototyped Switch with good ol’ pen and paper and of course figma. Implementation wise, we used socket.io, express.js, node.js, javascript, react/css/html, npm, and deepL. Things were very much a learning experience for us because we were so inexperienced but we all managed to contribute in a meaningful way.

What we learned

Our group had very little experience with hackathons so this was a very tremendous learning experience for all of us. Aside from gaining experience in industry standard technologies like figma, react, or git, we also developed many soft skills such as balancing time management and goal setting.

What’s next for our project?

We’d like to add much much more functionality to Switch!, such as changing your preferred language on the go, adding the ability to toggle translation, further graphical overhaul in the form of animations, and many more.

Built With

• css
• deepl
• express.js
• figma
• html
• javascript
• node.js
• npm
• react
• socket.io