shijax/language_translator

Language Translator - Nashville Software School (Front End Development)

Read Me File for Language Translator Project

Language Translator Project

The project contained in this Repo is for a language translator as built with basic javascript, html, and css for Nashville Software School the week of September 2 through September 8, 2018.

This project was coded by me, and with references and assistance from students Shane D. Wilson and Rich Fisher (both of whom are getting this JavaScript better than me at the moment).

Functional Purpose

• To translate words and a single phrase from entered words and phrases into the specific languages via a button press. Only certain words are entered, so it is not all inclusive. The theme is a "Holiday Greeting," so the entered words are "Seasons Greetings and Happy Holidays."
• Chosen Languages
  1. Spanish
  2. Croatian
  3. Italian

Languages Used

1. HTML
2. CSS
3. JavaScript

How to run this project:

• Use nmp to install http-server:

npm install -g http-server

• Run the server:

hs -p 9999

• Open Chrome and navigate to:

localhost:9999

language_translator's Issues

HTML File

Story

• Project should have one HTML file that includes a textarea (for users to enter limited phrases with words contained in your dictionaries), 3 buttons that have the language to translate to, and an empty DOM element into which the translated text will be inserted.

Dev Notes

• Build basic HTML frame with limited CSS for styling.
• Your JS file should be comprised of functions, no actions should happen in your code outside of a function
• Your HTML and JS should all have proper indentations

Acceptance Criteria

• All requirements from request met.

3 Language (objects)

Story

• Client requests 3 languages other than English, so you should have 3 different dictionary objects.

Dev Notes

• ex: {"merry":"god", "christmas":"jul", "and":"och", "happy":"gott", "new":"nytt", "year":"år"}

Acceptance Criteria

• create / layout three languages for the project and build objects in js.

JS File

Story

• The user types something in, clicks the button they want to translate to, and that translated statement should appear in the empty DOM element.

Dev Notes

• build functions in js
• Your JS file should be comprised of functions, no actions should happen in your code outside of a function
• Your HTML and JS should all have proper indentations

Acceptance Criteria

• ensure all functions are working.

JS - Additional Functions

Story

• Add Additional Functions to JS (requires #3 to be completed)

Dev Notes

• A) Capture Input from Text Area
• B) Buttons Translates
• C) Prints Results to DOM

Acceptance Policies

• All Functions Operate