Rhardin94 / Nerd-Lator

Our crack at the first group project
https://rhardin94.github.io/Nerd-Lator/
1 stars 1 forks source link

Nerd-Lator!

Deployed Site found here: "https://rhardin94.github.io/Nerd-Lator/"

Overview

Nerd-lator is a translation-API based project that allows the user to translate english text into other sci-fi/fantasy based languages. Once the user visits the language page of their choice, they may input text they want translated into the left input field. Once satisfied with the message, the user then hits the translate button to receive desired translation. Upon arrival, the user may then copy the translation to the clipboard to share elsewhere!

How to use

When first viewing the site, the user is directed to the home page.

homepage

To begin translating, the user may navigate to the desired language/theme via the button under the related icon

klingon logo and navigation button to klingon page

knight logo and navigation button to old english page

Upon arrival of the desired language page, the user is presented with unique interactions that are different for every fantasy world. If viewing the Klingon page, all of the text is intially rendered in Klingon alphabet until the site translates it back to English.

language page rendered entirely in klingon alphabet

language page with header describing language, home button to go back, and two input fields, one for english, one for translations

The user may then input their desired text to be translated in the input field on the left of the screen and hit the translate button.

empty input field with translate button underneath

Once the user starts the translation process, the translated text is returned in the input field on the right of the screen. If the user wishes to share the message they may hit the 'Copy to Clipboard' button or they may hit the clear button to translate another message

translated text field with english in front, and klingon next to it

After the user has finished with the current language, they may navigate back to the home screen via the home button

home button

Tech