diff --git a/Light_Sensor/DeviceLight/icon_128.png b/Light_Sensor/DeviceLight/icon_128.png
new file mode 100644
index 0000000..4e46c20
Binary files /dev/null and b/Light_Sensor/DeviceLight/icon_128.png differ
diff --git a/Light_Sensor/DeviceLight/icon_256.png b/Light_Sensor/DeviceLight/icon_256.png
new file mode 100644
index 0000000..a479568
Binary files /dev/null and b/Light_Sensor/DeviceLight/icon_256.png differ
diff --git a/Light_Sensor/DeviceLight/index.html b/Light_Sensor/DeviceLight/index.html
new file mode 100644
index 0000000..f5eefb7
--- /dev/null
+++ b/Light_Sensor/DeviceLight/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<meta charset="UTF-8">
+<title>Device Light API</title>
+</head>
+<body>
+<p style="background-color: #fff">
+	Current Light in lux: <span id="light"></span>
+</p>
+<script>
+var el = document.getElementById('light');
+var body = document.getElementsByTagName('body')[0];
+var lights = new Array('000', '110', '220', '330', '440', '550', '660', '770', '880', '990', 'aa0', 'bb0', 'cc0', 'dd0', 'ee0', 'ff0');
+window.addEventListener('devicelight', function(event) {
+	var value = event.value;
+	el.innerHTML = value;
+
+	var color = parseInt(value / 16);
+	if (color > 16) {
+		color = 16;
+	}
+
+	body.style.backgroundColor = '#' + lights[color];
+});
+</script>
+</body>
+</html>
diff --git a/Light_Sensor/DeviceLight/manifest.webapp b/Light_Sensor/DeviceLight/manifest.webapp
new file mode 100644
index 0000000..a98d94e
--- /dev/null
+++ b/Light_Sensor/DeviceLight/manifest.webapp
@@ -0,0 +1,14 @@
+{
+    "version": "0.1",
+    "description": "DeviceLightAPI",
+    "name": "DeviceLight",
+    "launch_path": "/index.html",
+    "developer": {
+        "name": "Hyeonseok Shin",
+        "url": "http://hyeonseok.com/"
+    },
+    "icons": {
+        "128": "/icon_256.png",
+        "256": "/icon_256.png"
+    }
+}
\ No newline at end of file
