diff --git a/src/locales/_build/src/components/Console.jsx.json b/src/locales/_build/src/components/Console.jsx.json
new file mode 100644
index 0000000..ff10149
--- /dev/null
+++ b/src/locales/_build/src/components/Console.jsx.json
@@ -0,0 +1,8 @@
+{
+	"Console": {
+		"origin": [
+			["src/components/Console.jsx", 56],
+			["src/components/Console.jsx", 56]
+		]
+	}
+}
diff --git a/src/locales/_build/src/components/MainHeader.jsx.json b/src/locales/_build/src/components/MainHeader.jsx.json
new file mode 100644
index 0000000..3040353
--- /dev/null
+++ b/src/locales/_build/src/components/MainHeader.jsx.json
@@ -0,0 +1,47 @@
+{
+	"Run": {
+		"origin": [
+			["src/components/MainHeader.jsx", 32],
+			["src/components/MainHeader.jsx", 32]
+		]
+	},
+	"Add a JS/CSS library": {
+		"origin": [["src/components/MainHeader.jsx", 41]]
+	},
+	"Add library": {
+		"origin": [
+			["src/components/MainHeader.jsx", 43],
+			["src/components/MainHeader.jsx", 43]
+		]
+	},
+	"New": {
+		"origin": [
+			["src/components/MainHeader.jsx", 67],
+			["src/components/MainHeader.jsx", 67]
+		]
+	},
+	"Save": {
+		"origin": [
+			["src/components/MainHeader.jsx", 86],
+			["src/components/MainHeader.jsx", 86]
+		]
+	},
+	"Open": {
+		"origin": [
+			["src/components/MainHeader.jsx", 105],
+			["src/components/MainHeader.jsx", 105]
+		]
+	},
+	"Login": {
+		"origin": [
+			["src/components/MainHeader.jsx", 114],
+			["src/components/MainHeader.jsx", 114]
+		]
+	},
+	"Signup": {
+		"origin": [
+			["src/components/MainHeader.jsx", 114],
+			["src/components/MainHeader.jsx", 114]
+		]
+	}
+}
diff --git a/src/locales/en/messages.js b/src/locales/en/messages.js
new file mode 100644
index 0000000..6d31e49
--- /dev/null
+++ b/src/locales/en/messages.js
@@ -0,0 +1,31 @@
+/* eslint-disable */ export default {
+	languageData: {
+		plurals: function(n, ord) {
+			var s = String(n).split('.'),
+				v0 = !s[1],
+				t0 = Number(s[0]) == n,
+				n10 = t0 && s[0].slice(-1),
+				n100 = t0 && s[0].slice(-2);
+			if (ord)
+				return n10 == 1 && n100 != 11
+					? 'one'
+					: n10 == 2 && n100 != 12
+						? 'two'
+						: n10 == 3 && n100 != 13
+							? 'few'
+							: 'other';
+			return n == 1 && v0 ? 'one' : 'other';
+		}
+	},
+	messages: {
+		'Add a JS/CSS library': 'Add a JS/CSS library',
+		'Add library': 'Add library',
+		Console: 'Console',
+		Login: 'Login',
+		New: 'New',
+		Open: 'Open',
+		Run: 'Run',
+		Save: 'Save',
+		Signup: 'Signup'
+	}
+};
diff --git a/src/locales/en/messages.po b/src/locales/en/messages.po
new file mode 100644
index 0000000..2f6a8a0
--- /dev/null
+++ b/src/locales/en/messages.po
@@ -0,0 +1,58 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2018-11-03 12:56+0530\n"
+"Mime-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: en\n"
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"Plural-Forms: \n"
+
+#: src/components/MainHeader.jsx:41
+msgid "Add a JS/CSS library"
+msgstr "Add a JS/CSS library"
+
+#: src/components/MainHeader.jsx:43
+#: src/components/MainHeader.jsx:43
+msgid "Add library"
+msgstr "Add library"
+
+#: src/components/Console.jsx:56
+#: src/components/Console.jsx:56
+msgid "Console"
+msgstr "Console"
+
+#: src/components/MainHeader.jsx:114
+#: src/components/MainHeader.jsx:114
+msgid "Login"
+msgstr "Login"
+
+#: src/components/MainHeader.jsx:67
+#: src/components/MainHeader.jsx:67
+msgid "New"
+msgstr "New"
+
+#: src/components/MainHeader.jsx:105
+#: src/components/MainHeader.jsx:105
+msgid "Open"
+msgstr "Open"
+
+#: src/components/MainHeader.jsx:32
+#: src/components/MainHeader.jsx:32
+msgid "Run"
+msgstr "Run"
+
+#: src/components/MainHeader.jsx:86
+#: src/components/MainHeader.jsx:86
+msgid "Save"
+msgstr "Save"
+
+#: src/components/MainHeader.jsx:114
+#: src/components/MainHeader.jsx:114
+msgid "Signup"
+msgstr "Signup"
diff --git a/src/locales/hi/messages.js b/src/locales/hi/messages.js
new file mode 100644
index 0000000..53eeb81
--- /dev/null
+++ b/src/locales/hi/messages.js
@@ -0,0 +1,30 @@
+/* eslint-disable */ export default {
+	languageData: {
+		plurals: function(n, ord) {
+			if (ord)
+				return n == 1
+					? 'one'
+					: n == 2 || n == 3
+						? 'two'
+						: n == 4
+							? 'few'
+							: n == 6
+								? 'many'
+								: 'other';
+			return n >= 0 && n <= 1 ? 'one' : 'other';
+		}
+	},
+	messages: {
+		'Add a JS/CSS library':
+			'JS/CSS \u0932\u093E\u0907\u092C\u094D\u0930\u0947\u0930\u0940 \u091C\u094B\u0921\u093C\u0947\u0902',
+		'Add library':
+			'\u0932\u093E\u0907\u092C\u094D\u0930\u0947\u0930\u0940 \u091C\u094B\u0921\u093C\u0947\u0902',
+		Console: '\u0915\u0902\u0938\u094B\u0932',
+		Login: '\u0932\u094B\u0917\u093F\u0928 \u0915\u0930\u0947\u0902',
+		New: '\u0928\u092F\u0940 \u092C\u0928\u093E\u090F\u0901',
+		Open: '\u0916\u094B\u0932\u0947\u0902',
+		Run: '\u091A\u0932\u093E\u090F\u0901',
+		Save: '\u0938\u0947\u0935 \u0915\u0930\u0947\u0902',
+		Signup: '\u0938\u093E\u0907\u0928\u0905\u092A \u0915\u0930\u0947\u0902'
+	}
+};
diff --git a/src/locales/hi/messages.po b/src/locales/hi/messages.po
new file mode 100644
index 0000000..e8a681c
--- /dev/null
+++ b/src/locales/hi/messages.po
@@ -0,0 +1,58 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2018-11-03 12:56+0530\n"
+"Mime-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: hi\n"
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"Plural-Forms: \n"
+
+#: src/components/MainHeader.jsx:41
+msgid "Add a JS/CSS library"
+msgstr "JS/CSS लाइब्रेरी जोड़ें"
+
+#: src/components/MainHeader.jsx:43
+#: src/components/MainHeader.jsx:43
+msgid "Add library"
+msgstr "लाइब्रेरी जोड़ें"
+
+#: src/components/Console.jsx:56
+#: src/components/Console.jsx:56
+msgid "Console"
+msgstr "कंसोल"
+
+#: src/components/MainHeader.jsx:114
+#: src/components/MainHeader.jsx:114
+msgid "Login"
+msgstr "लोगिन करें"
+
+#: src/components/MainHeader.jsx:67
+#: src/components/MainHeader.jsx:67
+msgid "New"
+msgstr "नयी बनाएँ"
+
+#: src/components/MainHeader.jsx:105
+#: src/components/MainHeader.jsx:105
+msgid "Open"
+msgstr "खोलें"
+
+#: src/components/MainHeader.jsx:32
+#: src/components/MainHeader.jsx:32
+msgid "Run"
+msgstr "चलाएँ"
+
+#: src/components/MainHeader.jsx:86
+#: src/components/MainHeader.jsx:86
+msgid "Save"
+msgstr "सेव करें"
+
+#: src/components/MainHeader.jsx:114
+#: src/components/MainHeader.jsx:114
+msgid "Signup"
+msgstr "साइनअप करें"
diff --git a/src/locales/ja/messages.js b/src/locales/ja/messages.js
new file mode 100644
index 0000000..1c3aad1
--- /dev/null
+++ b/src/locales/ja/messages.js
@@ -0,0 +1,20 @@
+/* eslint-disable */ export default {
+	languageData: {
+		plurals: function(n, ord) {
+			if (ord) return 'other';
+			return 'other';
+		}
+	},
+	messages: {
+		'Add a JS/CSS library':
+			'JS / CSS\u30E9\u30A4\u30D6\u30E9\u30EA\u3092\u8FFD\u52A0\u3059\u308B',
+		'Add library': '\u30E9\u30A4\u30D6\u30E9\u30EA\u3092\u8FFD\u52A0',
+		Console: '\u30B3\u30F3\u30BD\u30FC\u30EB',
+		Login: '\u30ED\u30B0\u30A4\u30F3',
+		New: '\u65B0\u3057\u3044',
+		Open: '\u958B\u3044\u305F',
+		Run: '\u8D70\u308B',
+		Save: '\u4FDD\u5B58\u3059\u308B',
+		Signup: '\u30B5\u30A4\u30F3\u30A2\u30C3\u30D7'
+	}
+};
diff --git a/src/locales/ja/messages.po b/src/locales/ja/messages.po
new file mode 100644
index 0000000..659ab65
--- /dev/null
+++ b/src/locales/ja/messages.po
@@ -0,0 +1,59 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2018-11-03 12:56+0530\n"
+"Mime-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: ja\n"
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"Plural-Forms: \n"
+
+#: src/components/MainHeader.jsx:41
+msgid "Add a JS/CSS library"
+msgstr "JS / CSSライブラリを追加する"
+
+#: src/components/MainHeader.jsx:43
+#: src/components/MainHeader.jsx:43
+msgid "Add library"
+msgstr "ライブラリを追加
+"
+
+#: src/components/Console.jsx:56
+#: src/components/Console.jsx:56
+msgid "Console"
+msgstr "コンソール"
+
+#: src/components/MainHeader.jsx:114
+#: src/components/MainHeader.jsx:114
+msgid "Login"
+msgstr "ログイン"
+
+#: src/components/MainHeader.jsx:67
+#: src/components/MainHeader.jsx:67
+msgid "New"
+msgstr "新しい"
+
+#: src/components/MainHeader.jsx:105
+#: src/components/MainHeader.jsx:105
+msgid "Open"
+msgstr "開いた"
+
+#: src/components/MainHeader.jsx:32
+#: src/components/MainHeader.jsx:32
+msgid "Run"
+msgstr "走る"
+
+#: src/components/MainHeader.jsx:86
+#: src/components/MainHeader.jsx:86
+msgid "Save"
+msgstr "保存する"
+
+#: src/components/MainHeader.jsx:114
+#: src/components/MainHeader.jsx:114
+msgid "Signup"
+msgstr "サインアップ"