Chatlator is a multi-language chat web application that allows individuals to communicate in their respective native languages. With Chatlator, users can type in their native language and have their messages translated for the recipient in real time. This eliminates language barriers and enables individuals who speak different languages to understand each other easily. Additionally, Chatlator can be used as a language learning tool, as it allows users to view the original text alongside the translated version. This allows for convenient practice and improvement of language skills.
https://chatlator.onrender.com
Please allow up to 30 seconds (you may refresh) to reactivate render.com deployed link. When not used for a period of time, it requires some time reactivate.
In Powershell copy the commands inside setup.sh and execute.sh. And run the same commands below
./setup.sh./execute.sh- Use the link shown on terminal and enjoy running the app!
When a new user first visits the application, they are directed to the Sign in page. If the user already has an account, they can enter their email address and password and click “sign in" which will redirect them to the chat page. If the user does not have an account, they can click on the sign up link, which will direct them to the sign up page.
In the sign up page, the new user enters their details, first entering their first and last names, followed by the email address and password.
After that, the user can select their first language by clicking on “Please select first language”. This will present the user with several language options to choose from. The user can select one of the options by just clicking.
In our case, the user chose “English” and the sign up page should look like this. Then clicking on “Sign up” redirects to the user-specific “Chatting” page.
Chat page for John Doe. It is empty, as no chats/users have been added. The user can add by clicking on the plus sign and getting a pop-up that is shown in the following screenshot
In the pop up, the user is given a drop-down menu to select the language they want to learn
The user can select a language from the options provided
In our example, the user selected Spanish. Clicking the “Search for random people” will take the user to a waiting page
The waiting page consists of other users whose first language is the language you want to learn and the language they want to learn is your first language, our app matches users like this. In the given example, we can see Carlos’s name pop up as his first language is Spanish(the language John wants to learn) and Carlos wants to learn English which is John’s first language
If Carlos sends the request first, this is how it will appear on John’s screen. John can choose “Accept” to go back to the chat page with Carlos added as one of the contacts
As you can see here, John can now chat with Carlos
This is a screenshot of their conversation. The first message is the original message, followed by the translation from each user.
A user can add multiple friends/contacts speaking different languages. For example, the user wants to add a random person who speaks German
Following the steps, John selects Akashdeep
Here you can see John’s chat page, where 2 people are added, the added users have labels saying which language they speak. John can switch between the added users and chat with them.
The User Manual concludes here!