Hello, World! is a single-page app where you can meet with others for a one-on-one video call with live captions translated for your co-participant in their preferred language.
This app is a multi-developer project built from start to finish and managed with Git throughout entire lifecycle.
This app was originally designed to make digital health appointments more linguistically accessible. As such, only the 'Health' option on the homepage is functional. Nevertheless, we quickly learned the functionality of live translated captions could be useful in virtually any situation where users might meet over a video call. Thus, we decided to name the app with a title that reflect's its ability to help people communicate with anyone around the world.
- Visit the Hello, World! live demo.
- From the homepage, click on the 'Health' button. When the modal pops up, enter your name and preferred language in the appropriate fields. (You can ignore the 'Patient ID' field for now).
- In the appointments view (automatically redirected once you submit the modal from step 2), click on any 'Join Call' button and you will be redirected to a call room.
- Grant webcam and microphone permissions.
- To have your speech translated live and transcribed and stored in the transcription log, click on the speech bubble button next to 'Transcription Log' under your video.
- Have another user follow steps 1-5 and start talking!
hello_world_teaser.mp4
- Axios
- Classnames
- Express
- FontAwesome
- Material UI Core & Icons
- Normalize.css
- Jest
- React
- React-DOM
- React-Hook-Speech-To-Text
- React Router
- Socket.io
- Twilio Video