sarahsga / tk-test-1-solution

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tech Karo - Final Test

The Lotus Translations App

| Powered By Tech Karo |

Oct 4th, 2018

Your task is to create The Lotus Translations App as explained below

What does it look like?


App Features

  1. The app fetches data from the API https://techkaro-test.herokuapp.com/api/v1/getdata and displays the data on the html page.
  2. The app should be able to fetch data in English, Chinese and Urdu
  3. The app should be responsive across various screen sizes ( > 370px ).

Screenshots

English

Desktop Screen Size

Mobile Screen Size


When the flags on the top are clicked, the language should change - For example, clicking the Chinese flag should display text in Chinese. The translations can be fetched from the API using query string:

API URL: https://techkaro-test.herokuapp.com/api/v1/getdata Query Parameter: lang lang values: 'en' for English, 'zh' for Chinese, and 'ur' for Urdu

Example To get data in Chinese, use https://techkaro-test.herokuapp.com/api/v1/getdata?lang=zh


Chinese

Urdu

About


Languages

Language:HTML 61.5%Language:CSS 22.0%Language:JavaScript 16.5%