diff --git a/.gitignore b/.gitignore
index e43b0f98..53f537fd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,4 @@
 .DS_Store
+node_modules/
+certs/
+roms/
\ No newline at end of file
diff --git a/README.md b/README.md
index cd38a36d..fbf79a4d 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,21 @@
+gbajs2-mobile -- mobile porting version
+======
+
+This be forked from gbajs2 that remake to play in mobile device ( safari ) and access from outside.
+======
+
+## Preparations
+* Install npm and command `npm i` to prepare server environment.
+* Generate certs by `openssl req -nodes -new -x509 -keyout server.key -out server.cert` and move that files to `cert/`.
+* Prepare some rom file to `roms/`.
+* Write `private ip address` in `index.html` file.
+
+## Feature List
+* Available in Mobile Broswer
+* Save & Load stat
+* Server with DB
+* Test workspace ( mobile safari, mobile chrome )
+
 gbajs2 -- Community Fork
 ======
 
@@ -23,6 +41,7 @@ Original work by Endrift. Repo: (Archived / No longer maintained) https://github
 
 Copyright © 2012 – 2013, Jeffrey Pfau
 Copyright © 2020, Andrew Chase
+Copyright © 2020, keicoon15
 
 All rights reserved.
 
diff --git a/index.html b/index.html
index 1f6acc64..77f81ab9 100644
--- a/index.html
+++ b/index.html
@@ -433,4 +433,4 @@
 			© 2012 – 2013 <a href="http://endrift.com/">Endrift</a>
 		</footer>
 	</body>
-</html>
+</html>
\ No newline at end of file
diff --git a/js/gba.js b/js/gba.js
index 31b45c21..df9f77e9 100644
--- a/js/gba.js
+++ b/js/gba.js
@@ -312,6 +312,7 @@ class GameBoyAdvance {
 				this.rom.code + ".sav"
 			);
 		}
+
 	}
 	storeSavedata() {
 		var sram = this.mmu.save;
@@ -355,7 +356,7 @@ class GameBoyAdvance {
 		this.irq.defrost(frost.irq);
 		this.io.defrost(frost.io);
 	}
-	log(level, message) {}
+	log(level, message) { }
 	setLogger(logger) {
 		this.log = logger;
 	}
diff --git a/js/keypad.js b/js/keypad.js
index d2145f8d..c6eba134 100644
--- a/js/keypad.js
+++ b/js/keypad.js
@@ -41,6 +41,55 @@ class GameBoyAdvanceKeypad {
 
 		this.remappingKeyId = "";
 	}
+
+	virtualpadHandler(code, e) {
+		if (canVibrate) navigator.vibrate(50);
+
+		var toggle = 0;
+
+		switch (code) {
+			case 'START':
+				toggle = this.START;
+				break;
+			case 'SELECT':
+				toggle = this.SELECT;
+				break;
+			case 'A':
+				toggle = this.A;
+				break;
+			case 'B':
+				toggle = this.B;
+				break;
+			case 'L':
+				toggle = this.L;
+				break;
+			case 'R':
+				toggle = this.R;
+				break;
+			case 'UP':
+				toggle = this.UP;
+				break;
+			case 'RIGHT':
+				toggle = this.RIGHT;
+				break;
+			case 'DOWN':
+				toggle = this.DOWN;
+				break;
+			case 'LEFT':
+				toggle = this.LEFT;
+				break;
+			default:
+				return;
+		}
+
+		toggle = 1 << toggle;
+		if (e.type == "touchstart" || e.type == "mousedown") {
+			this.currentDown &= ~toggle;
+		} else {
+			this.currentDown |= toggle;
+		}
+	}
+
 	keyboardHandler(e) {
 		var toggle = 0;
 
@@ -164,6 +213,23 @@ class GameBoyAdvanceKeypad {
 		}
 	}
 	registerHandlers() {
+		if (g_bMobile) {
+			var childNodes = document.getElementById('virtual-pad').childNodes;
+			for (var i = 0; i < childNodes.length; i++) {
+				var childNode = childNodes[i];
+				if (childNode.nodeName === "BUTTON") {
+					var code = childNode.id;
+					childNode.addEventListener(
+						'touchstart',
+						this.virtualpadHandler.bind(this, code)
+					);
+					childNode.addEventListener(
+						'touchend',
+						this.virtualpadHandler.bind(this, code)
+					);
+				}
+			}
+		}
 		window.addEventListener(
 			"keydown",
 			this.keyboardHandler.bind(this),
diff --git a/js/mobile.js b/js/mobile.js
new file mode 100644
index 00000000..e69de29b
diff --git a/js/util.js b/js/util.js
index 69eec1c7..7b7d1ebb 100644
--- a/js/util.js
+++ b/js/util.js
@@ -42,13 +42,15 @@ class Pointer {
 	}
 }
 
-class Serializer {
-	TAG_INT = 1;
-	TAG_STRING = 2;
-	TAG_STRUCT = 3;
-	TAG_BLOB = 4;
-	TAG_BOOLEAN = 5;
-	TYPE = "application/octet-stream";
+class C_Serializer {
+	constructor() {
+		this.TAG_INT = 1;
+		this.TAG_STRING = 2;
+		this.TAG_STRUCT = 3;
+		this.TAG_BLOB = 4;
+		this.TAG_BOOLEAN = 5;
+		this.TYPE = "application/octet-stream";
+	}
 
 	pack(value) {
 		var object = new DataView(new ArrayBuffer(4));
@@ -75,7 +77,7 @@ class Serializer {
 	serialize(stream) {
 		var parts = [];
 		var size = 4;
-		for (i in stream) {
+		for (var i in stream) {
 			if (stream.hasOwnProperty(i)) {
 				var tag;
 				var head = Serializer.prefix(i);
@@ -289,3 +291,4 @@ class Serializer {
 		reader.readAsDataURL(blob);
 	}
 }
+var Serializer = new C_Serializer();
\ No newline at end of file
diff --git a/mobile.html b/mobile.html
new file mode 100644
index 00000000..2e5f5aad
--- /dev/null
+++ b/mobile.html
@@ -0,0 +1,283 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="viewport"
+        content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0', shrink-to-fit=no">
+    <meta name="HandheldFriendly" content="true" />
+    <link rel="stylesheet" href="resources/main-mobile.css" />
+    <script type='text/javascript' src="js/util.js"></script>
+    <script type='text/javascript' src="js/core.js"></script>
+    <script type='text/javascript' src="js/arm.js"></script>
+    <script type='text/javascript' src="js/thumb.js"></script>
+    <script type='text/javascript' src="js/mmu.js"></script>
+    <script type='text/javascript' src="js/io.js"></script>
+    <script type='text/javascript' src="js/audio.js"></script>
+    <script type='text/javascript' src="js/video.js"></script>
+    <script type='text/javascript' src="js/video/proxy.js"></script>
+    <script type='text/javascript' src="js/video/software.js"></script>
+    <script type='text/javascript' src="js/irq.js"></script>
+    <script type='text/javascript' src="js/keypad.js"></script>
+    <script type='text/javascript' src="js/sio.js"></script>
+    <script type='text/javascript' src="js/savedata.js"></script>
+    <script type='text/javascript' src="js/gpio.js"></script>
+    <script type='text/javascript' src="js/gba.js"></script>
+    <script type='text/javascript' src="resources/xhr.js"></script>
+    <script type='text/javascript' src="resources/biosbin.js"></script>
+</head>
+
+<body class="noselect">
+    <label id="status">READY</label>
+    <br>
+    <label>Sevar a rom:</label>
+    <select name="roms" id="rom-select">
+        <option value="">--Please choose an option--</option>
+    </select>
+
+    <button class="bigbutton" id="select" onclick="run();">
+        SELECT
+    </button>
+
+    <button class="bigbutton" id="select" onclick="save();">
+        SAVE
+    </button>
+
+    <button class="bigbutton" id="select" onclick="load();">
+        LOAD
+    </button>
+    <br>
+    <canvas id="screen" width="480" height="320" style='left:0px; top:0px;'></canvas>
+
+    <br>
+    <div id="virtual-pad">
+        <button style="height: 5%; width: 20%; position: absolute; left: 0%;" class="bigbutton" id="L">L</button>
+        <button style="height: 5%; width: 20%; position: absolute; right: 0%;" class="bigbutton" id="R">R</button>
+        <button style="height: 10%; width: 13%; position: absolute; left: 12%; bottom: 26%;" class="bigbutton"
+            id="UP">↑</button>
+        <button style="height: 10%; width: 13%; position: absolute; left: 24%; bottom: 16%;" class="bigbutton"
+            id="RIGHT">→</button>
+        <button style="height: 10%; width: 13%; position: absolute; left: 12%; bottom: 6%;" class="bigbutton"
+            id="DOWN">↓</button>
+        <button style="height: 10%; width: 13%; position: absolute; left: 0%;  bottom: 16%;" class="bigbutton"
+            id="LEFT">←</button>
+
+        <button style="height: 12%; width: 20%; position: absolute; right: 0%; bottom: 22%;" class="bigbutton"
+            id="A">A</button>
+        <button style="height: 12%; width: 20%; position: absolute; right: 20%; bottom: 10%;" class="bigbutton"
+            id="B">B</button>
+
+        <button style="height: 5%; width: 20%; position: absolute; left: 30%; bottom: 0%;" class="bigbutton"
+            id="START">START</button>
+        <button style="height: 5%; width: 20%; position: absolute; left: 60%; bottom: 0%;" class="bigbutton"
+            id="SELECT">SELECT</button>
+    </div>
+    <!-- for body-->
+    <script>
+        // TODO: Write private ip address.
+        var ip = 'https://192.168.219.100:3000/';
+
+        var selectElement = document.getElementById('rom-select');
+        // Get rom list from server
+        var xhr = new XMLHttpRequest();
+        xhr.responseType = 'text';
+
+        xhr.onload = function () {
+            if (this.status === 404) return;
+
+            var rom_list = xhr.responseText.split(',');
+            rom_list.forEach(function (rom_name) {
+                var new_option = document.createElement('option');
+                new_option.value = new_option.innerHTML = rom_name;
+                selectElement.appendChild(new_option);
+            })
+        };
+
+        xhr.open("GET", ip + "rom_list");
+        xhr.send();
+
+        selectElement.addEventListener("change", function () {
+            if (selectElement.value !== "") {
+                selected_rom_name = selectElement.value;
+            }
+        });
+
+        document.addEventListener('touchmove', function (event) { if (event.scale !== 1) { event.preventDefault(); } }, { passive: false });
+
+        var canVibrate = "vibrate" in navigator || "webkitVibrate" in navigator || "mozVibrate" in navigator || "msVibrate" in navigator;
+        if (canVibrate && !("vibrate" in navigator)) navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;
+    </script>
+    <!-- for ip -->
+    <script>
+        var my_ip = '';
+        function getIP(json) {
+            my_ip = json.ip;
+        }
+        function getRomNameWithIP(romName) {
+            //return romName + "_" + my_ip;
+            return romName;
+        }
+    </script>
+    <script src="https://api.ipify.org?format=jsonp&callback=getIP"></script>
+    <!-- for rom-->
+    <script>
+        var g_bMobile = true;
+        var gba;
+        var runCommands = [];
+        var selected_rom_name = "";
+
+        try {
+            gba = new GameBoyAdvance();
+            gba.keypad.eatInput = true;
+        } catch (exception) {
+            gba = null;
+        }
+
+        window.onload = function () {
+            if (gba) {
+                var canvas = document.getElementById('screen');
+                canvas.width = window.innerWidth;
+                canvas.height = canvas.width * 0.6666;
+
+                gba.setCanvas(canvas);
+
+                gba.logLevel = gba.LOG_ERROR;
+
+                gba.setBios(biosBin);
+            }
+        };
+
+        // Hack code for ios9 safari web audio issue
+        function resume() {
+            gba.audio.context.resume();
+            setTimeout(function () {
+                if (gba.audio.context.state === "running") {
+                    document.body.removeEventListener('touchend', resume, false);
+                    document.body.removeEventListener('keydown', resume, false);
+                }
+            }, 0);
+        }
+        document.body.addEventListener('touchend', resume, false);
+        document.body.addEventListener('keydown', resume, false);
+
+        function run() {
+            if (selected_rom_name === "") return updateStatus("NON SELECTED", 3000);
+
+            updateStatus("LOADING...");
+
+            var xhr = new XMLHttpRequest();
+            xhr.responseType = 'blob';
+
+            xhr.onload = function () {
+                if (this.status === 404) return;
+
+                gba.loadRomFromFile(this.response, function (result) {
+                    if (result) {
+                        for (var i = 0; i < runCommands.length; ++i) {
+                            runCommands[i]();
+                        }
+                        runCommands = [];
+
+                        gba.runStable();
+
+                        //resume();
+
+                        updateStatus("RUNNING");
+                    } else {
+                        setTimeout(function () {
+                            reset();
+                        }, 3000);
+
+                        updateStatus("FAILED");
+                    }
+                });
+            };
+
+            xhr.open("GET", ip + "roms/" + selected_rom_name);
+            xhr.send();
+        }
+
+        function reset() {
+            gba.pause();
+            gba.reset();
+
+            var context = gba.targetCanvas.getContext('2d');
+            context.clearRect(0, 0, 480, 320);
+            gba.video.drawCallback();
+
+            updateStatus("READY");
+        }
+
+        function save() {
+            if (selected_rom_name === "") return updateStatus("NON SELECTED", 3000);
+            // save stat
+            try {
+                console.log('1', Serializer);
+                gba.pause();
+                var data = Serializer.serialize(gba.freeze());
+                if (data !== null) {
+                    var xhr = new XMLHttpRequest();
+                    xhr.open("POST", ip + "save");
+
+                    xhr.setRequestHeader('Content-type', 'application/octet-stream');
+                    xhr.setRequestHeader('$rom_name', getRomNameWithIP(selected_rom_name));
+
+                    xhr.onload = function (oEvent) {
+                        updateStatus("SAVED", 3000);
+                        gba.runStable();
+                    };
+
+                    xhr.send(data);
+                } else {
+                    updateStatus("FAIL SAVE", 3000);
+                }
+            } catch (e) {
+                console.log(e);
+            }
+        }
+
+        function load() {
+            if (selected_rom_name === "") return updateStatus("NON SELECTED", 3000);
+
+            var xhr = new XMLHttpRequest();
+            xhr.responseType = 'blob';
+
+            xhr.onload = function () {
+                if (this.status === 404) return;
+
+                updateStatus("LOADED", 3000);
+                var data = this.response;
+
+                // save stat
+                Serializer.deserialize(data, function (out) {
+                    gba.pause();
+                    gba.defrost(out);
+                    gba.runStable();
+                });
+            };
+
+            xhr.onerror = function () {
+                updateStatus("FAIL LOAD", 3000);
+            }
+
+            xhr.open("GET", ip + "roms/save/" + getRomNameWithIP(selected_rom_name) + '.sav');
+            xhr.send(null);
+        }
+
+        function updateStatus(text, time = 0) {
+            var status = document.getElementById('status');
+            if (time == 0) {
+                status.textContent = text;
+            } else {
+                var prevStatus = status.textContent;
+                status.textContent = text;
+                setTimeout(function () {
+                    status.textContent = prevStatus;
+                }, time);
+            }
+        }
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..85651edb
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,372 @@
+{
+  "requires": true,
+  "lockfileVersion": 1,
+  "dependencies": {
+    "accepts": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
+      "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==",
+      "requires": {
+        "mime-types": "~2.1.24",
+        "negotiator": "0.6.2"
+      }
+    },
+    "array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
+    },
+    "body-parser": {
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz",
+      "integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==",
+      "requires": {
+        "bytes": "3.1.0",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
+        "on-finished": "~2.3.0",
+        "qs": "6.7.0",
+        "raw-body": "2.4.0",
+        "type-is": "~1.6.17"
+      }
+    },
+    "bytes": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
+      "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg=="
+    },
+    "content-disposition": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz",
+      "integrity": "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==",
+      "requires": {
+        "safe-buffer": "5.1.2"
+      }
+    },
+    "content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
+    },
+    "cookie": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz",
+      "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg=="
+    },
+    "cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
+    },
+    "debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "requires": {
+        "ms": "2.0.0"
+      }
+    },
+    "depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak="
+    },
+    "destroy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
+    },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
+    },
+    "encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k="
+    },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+    },
+    "etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
+    },
+    "express": {
+      "version": "4.17.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz",
+      "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==",
+      "requires": {
+        "accepts": "~1.3.7",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.19.0",
+        "content-disposition": "0.5.3",
+        "content-type": "~1.0.4",
+        "cookie": "0.4.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.1.2",
+        "fresh": "0.5.2",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.5",
+        "qs": "6.7.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.1.2",
+        "send": "0.17.1",
+        "serve-static": "1.14.1",
+        "setprototypeof": "1.1.1",
+        "statuses": "~1.5.0",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      }
+    },
+    "finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "requires": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      }
+    },
+    "forwarded": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
+      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ="
+    },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac="
+    },
+    "http-errors": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz",
+      "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==",
+      "requires": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.1",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.0"
+      }
+    },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
+    },
+    "ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g=="
+    },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
+    },
+    "merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E="
+    },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4="
+    },
+    "mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="
+    },
+    "mime-db": {
+      "version": "1.44.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz",
+      "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg=="
+    },
+    "mime-types": {
+      "version": "2.1.27",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz",
+      "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==",
+      "requires": {
+        "mime-db": "1.44.0"
+      }
+    },
+    "ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "negotiator": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
+      "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw=="
+    },
+    "on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ=="
+    },
+    "path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
+    },
+    "proxy-addr": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz",
+      "integrity": "sha512-dh/frvCBVmSsDYzw6n926jv974gddhkFPfiN8hPOi30Wax25QZyZEGveluCgliBnqmuM+UJmBErbAUFIoDbjOw==",
+      "requires": {
+        "forwarded": "~0.1.2",
+        "ipaddr.js": "1.9.1"
+      }
+    },
+    "qs": {
+      "version": "6.7.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
+      "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ=="
+    },
+    "range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg=="
+    },
+    "raw-body": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz",
+      "integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==",
+      "requires": {
+        "bytes": "3.1.0",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "send": {
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz",
+      "integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==",
+      "requires": {
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "destroy": "~1.0.4",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "~1.7.2",
+        "mime": "1.6.0",
+        "ms": "2.1.1",
+        "on-finished": "~2.3.0",
+        "range-parser": "~1.2.1",
+        "statuses": "~1.5.0"
+      },
+      "dependencies": {
+        "ms": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
+        }
+      }
+    },
+    "serve-static": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz",
+      "integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==",
+      "requires": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.17.1"
+      }
+    },
+    "setprototypeof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
+      "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw=="
+    },
+    "statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow="
+    },
+    "toidentifier": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
+      "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw=="
+    },
+    "type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      }
+    },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
+    },
+    "utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM="
+    },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
+    }
+  }
+}
diff --git a/resources/main-mobile.css b/resources/main-mobile.css
new file mode 100644
index 00000000..a63f1594
--- /dev/null
+++ b/resources/main-mobile.css
@@ -0,0 +1,79 @@
+.noselect {
+	-webkit-touch-callout: none; /* iOS Safari */
+	-webkit-user-select: none; /* Safari */
+	-khtml-user-select: none; /* Konqueror HTML */
+	-moz-user-select: none; /* Old versions of Firefox */
+	-ms-user-select: none; /* Internet Explorer/Edge */
+	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
+}
+
+html, body {
+	overflow-x: hidden;
+    width: 100%; height: 100%;
+    overflow: hidden;
+    touch-action: none;
+}
+body {
+	background: url('bg.png') no-repeat top center, #765490;
+	text-align: center;
+	margin: 0;
+	color: white;
+	font-family: 'Calibri', 'Verdana', sans-serif;
+	font-size: 15px;
+}
+
+button {
+	font-family: 'Calibri', 'Verdana', sans-serif;
+}
+
+#screen[width="240"] {
+	image-rendering: -webkit-optimize-contrast;
+	image-rendering: -moz-crisp-edges;
+	image-rendering: -o-crisp-edges;
+}
+
+p:first-child {
+	margin-top: 0;
+}
+
+#controls {
+	margin-top: 60px;
+	margin-right: 50%;
+	height: 0;
+}
+
+#controls > *, #instructions {
+	opacity: 1;
+	-webkit-transition: opacity ease-out 0.6s;
+	-moz-transition: opacity ease-out 0.6s;
+	-o-transition: opacity ease-out 0.6s;
+	transition: opacity ease-out 0.6s;
+}
+
+#controls button, #mapping td, #sound, #controls label {
+	background: transparent;
+	border: 0px solid rgba(192, 128, 192, 0.5);
+	border-top: 2px solid rgba(96, 48, 96, 0.8);
+	border-bottom: 2px solid rgba(255, 200, 255, 0.5);
+	border-radius: 30px;
+	color: white;
+	font-weight: bold;
+	padding: 6px 15px;
+	margin-right: 330px;
+	margin-top: 20px;
+	font-size: 20px;
+	text-shadow: 0 2px rgba(96, 48, 96, 0.8), 0 -1px rgba(255, 200, 255, 0.5);
+}
+
+#controls .bigbutton, #mapping td {
+	font-size: 30px;
+	padding: 8px 25px;
+}
+
+#sound, #controls label {
+	float: right;
+}
+
+#sound p {
+	margin: 0;
+}
diff --git a/resources/main.css b/resources/main.css
index 7df8ff1f..3ca4c2af 100644
--- a/resources/main.css
+++ b/resources/main.css
@@ -298,4 +298,4 @@ ul#links li:not(:first-child)::before {
 
 #sound p {
 	margin: 0;
-}
+}
\ No newline at end of file
diff --git a/server.js b/server.js
new file mode 100644
index 00000000..041000f2
--- /dev/null
+++ b/server.js
@@ -0,0 +1,61 @@
+const express = require('express');
+const https = require('https');
+const fs = require('fs');
+const path = require('path');
+const router = express.Router();
+const bodyParser = require('body-parser');
+const port = 8080;
+
+var key = fs.readFileSync(__dirname + '\\certs\\server.key');
+var cert = fs.readFileSync(__dirname + '\\certs\\server.crt');
+var options = {
+    key: key,
+    cert: cert
+};
+
+app = express()
+app.use(express.static(__dirname));
+app.use(express.static(__dirname + '/js'));
+app.use(express.static(__dirname + '/resources'));
+app.use(express.static(__dirname + '/roms'));
+app.use(bodyParser.raw({ limit: "50mb", extended: true }));
+app.use('/', router);
+
+router.get('/', function (req, res) {
+    res.sendFile(path.join(__dirname + '/mobile.html')); // mobile browser
+});
+
+router.get('/rom_list', function (req, res) {
+    var rom_list = fs.readdirSync(__dirname + '\\roms');
+    var str_rom_list = rom_list
+        .map(function (rom_path) { return path.basename(rom_path); })
+        .filter(function (rom_path) { return rom_path.split('.').length > 1 })
+        .join(',');
+
+    console.log('request(rom_list) -->', str_rom_list);
+
+    res.set('Content-Type', 'text/plain');
+    res.send(str_rom_list);
+});
+
+router.post('/save', function (req, res) {
+    var body = req.body;
+    var rom_name = req.header('$rom_name');
+    var save_rom_path = __dirname + '\\roms\\save\\' + rom_name + '.sav';
+
+    fs.writeFile(save_rom_path, body, 'binary', function (err) {
+        if (err) {
+            console.log('request(save) --> Error: ', err);
+        } else {
+            console.log('request(save) -->', save_rom_path);
+        }
+
+        res.send();
+    });
+});
+
+var server = https.createServer(options, app);
+
+server.listen(port, () => {
+    console.log("server starting on port : " + port)
+});
\ No newline at end of file