Resilient-Labs · mau11 · Oct 4, 2025 · Oct 4, 2025 · Oct 5, 2025 · Oct 5, 2025
diff --git a/README.md b/README.md
@@ -1,22 +1,32 @@
-# 📊 Project: Complex API 
-
-### Goal: Use data returned from one api to make a request to another api and display the data returned
-
-### How to submit your code for review:
-
-- Fork and clone this repo
-- Create a new branch called answer
-- Checkout answer branch
-- Push to your fork
-- Issue a pull request
-- Your pull request description should contain the following:
-  - (1 to 5 no 3) I completed the challenge
-  - (1 to 5 no 3) I feel good about my code
-  - Anything specific on which you want feedback!
-
-Example:
-```
-I completed the challenge: 5
-I feel good about my code: 4
-I'm not sure if my constructors are setup cleanly...
-```
+# English Translator App
+
+> Get the English translation and pronunciation of any word.
+
+> <img src="./images/screenshot.png" alt="Screenshot of completed English Translator App" width="500">
+
+## Table of Contents
+
+1. [Tech Stack](#tech-stack)
+1. [Development](#development)
+   1. [Translation and Dictionary API](#translation-and-dictionary-api)
+   1. [Notes](#notes)
+
+## Tech Stack
+
+- **HTML**
+- **CSS**
+- **JavaScript**
+
+## Development
+
+### Translation and Dictionary API
+
+- Obtain a free Dictionary API key from Merriam-Webster at: https://dictionaryapi.com/
+- Update the `MERRIAM_WEBSTER_KEY` value with your key on line 1 of main.js.
+- Open the app in your browser, select a language, enter a word, and view the English translation, definition, and pronunciation!
+
+### Notes
+
+The API key-free Google Translate API was found in this GitHub issue: https://github.com/ssut/py-googletrans/issues/268.
+
+Visit the official Dictionary API documentation at https://dictionaryapi.com/products/api-collegiate-dictionary for more information on API use, copyright, and rate limitations.
diff --git a/images/screenshot.png b/images/screenshot.png
diff --git a/index.html b/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="Get the English translation and pronunciation of any word."
+    />
+    <meta name="keywords" content="translation, dictionary, words" />
+
+    <title>English Translator</title>
+    <link href="style.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <h1>English Translator</h1>
+    <h4>For English Language Learners</h4>
+
+    <main>
+      <p>
+        Select a language from the list below, and enter the word you'd like to
+        translate to English.
+      </p>
+      <section id="form">
+        <label for="lang">Translate from:</label>
+        <select id="lang"></select>
+        <input id="original-word" type="text" placeholder="" />
+        <button>Submit</button>
+      </section>
+      <section id="container"></section>
+    </main>
+
+    <script type="text/javascript" src="main.js"></script>
+  </body>
+</html>