SoundScript is a full stack web application built for Be the Change Generation, a non-profit organization that provides youth with intercultural exchange opportunities.
This application addresses the language barrier and enables seamless communication across languages by transcribing spoken words into text in the user's desired language.
Live Website: SoundScript
Tech Used: JavaScript, Node.js, Microsoft Azure Cognitive Services, Express, MongoDB, EJS, TailwindCSS, Passport.js.
SoundScript's codebase is structured using the Model-View-Controller architecture paradigm.
SoundScript leverages Microsoft Azure Cognitive Services and utilizes customized pretrained models to enhance its translation capabilities.
Users can select from 15 languages for their desired translation. Through the integration of Microsoft Azure Cognitive Services, the spoken words are instantly translated into the target language text, ensuring seamless and accurate real-time translation.
The application offers a selection of 15 languages for translation. By choosing the source and target languages, users can effortlessly speak in their chosen source language and witness real-time translation into the desired target language.
For logged-in users, the application provides the ability to save translations to their personal history. This allows users to conveniently access and refer back to their translations at any time through their profile.
Saved translations will be displayed on the user's profile with key details such as the translated text, source language, target language, and the date of the translation. This allows users to easily identify and reference their saved translations with all the necessary information.
SoundScript.mp4
SoundScript is designed to be accessible to all users, regardless of whether they choose to create an account and log in or simply use the application without authentication.
For users who choose to create an account, they are presented with two authentication options:
-
Google OAuth: Users can log in using their Google account. This authentication method is implemented using Passport.js and its Google OAuth 2.0 strategy.
-
Local Strategy: Users have the option to create a local account using their email address and a custom password. This allows them to register directly with the application using their credentials, providing a secure and personalized authentication method.
As time permits, there are additional optimizations, improvements, and additional features that will be added to SoundScript.
Additional features and optimizations include:
- Develop plugin for Microsoft Teams to support closed captions on multi-lingual calls.
- Application will be migrated to a React-based framework.
- Additional authentication strategies will be implemented (e.g. Twitter, Apple, Microsoft, etc).
- Users will have the option to opt-in and showcase their translations in the 'Recent Translation' category to share their multilingual communication achievements.
- Users will be able to customize their default source and target languages.
- Leverage Microsoft Azure Cognitive Services and learn to utilize and customize pretrained models.
- Implement multi-part authentication strategies.
- Maintain consistent communication with Be the Change Generation throughout the design and development process.
- Provide detailed design briefs, including goals, and target audience.
- Consistently sought feedback from other developers in both front-end and back-end development, while actively searching for best practices.