-
-
UI/UX
Inspiration
As an international student, I found myself struggling of understanding and gain material in the secondary language. For example, a math problem used to be hard for me to understand not in a technical way but it is my language barrier. Therefore, I created Student's Translator for the better of education equality as it help student understand the material better.
What it does
Student's Translator receives the image text and the language that the user wants to translate to.
How we built it
First, I built the translator.py by using googletrans python library. This library is contained around 100 languages that I used to translate the text from the image to the language the user choose. Then, I built a scanner.py to scan the image from the user. I used the AWS textract to scan the image to the text. As I started to build .py file, I used boto3 and Thunder Client to send the request and gain the response from IAM AWS. The response sent back is in json, so I used json python library to handle the response and extracted the text got scanned from the image. Next, I translated the text by using translator.py and flask to translate and create the browser site for my app through port=5000. Furthermore, I create an HTML files for the browser I host by using flask. At this step, I adjust and create the UI/UX surface creating a search bar for language, the submit bar for choosing an image file and more. Finally, after finishing checking the browser, I put the AWS_ID and AWS_KEY in .env file and by using dotenv and os, I hide the those two values for security purpose.
Challenges we ran into
First, I ran into is that I chose to work alone so the workload and the pressure gained throughout this HACKATHON. As the sent the request and gained the response from AWS, I got into some trouble in gaining permission correctly which is like 500 errors. Extracting the text from a response took me lots of time to get the right things out of the response. The last challenge I got is that gaining inputs from users on the HTML platform and transferring python platform for scanning and translating. In here, I got into errors like json cannot be serialized or request error.
Accomplishments that we're proud of
I am proud that I finished the product alone and found it is very achievable and proud after finishing every aspect of this app such as UI/UX and backend function.
What we learned
Every library except boto3 is new to me. Therefore, I have to learn and read the documentation of the library. And it is the first time, I used HTML and CSS Style to customize a web browser.
What's next for Student's Translator
I hope that after the HACKATHON, I can maximize or put more tools in the Student's Translator
Log in or sign up for Devpost to join the conversation.