diff --git a/apps/schoolCalender/htmlcode.html b/apps/schoolCalender/htmlcode.html
deleted file mode 100644
index 8b1378917..000000000
--- a/apps/schoolCalender/htmlcode.html
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/apps/schoolCalender/interface.html b/apps/schoolCalender/interface.html
new file mode 100644
index 000000000..def598ef7
--- /dev/null
+++ b/apps/schoolCalender/interface.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang='en'>
+  <head>
+    <meta charset='utf-8' />
+    <link href='fullcalendar/main.css' rel='stylesheet' />
+    <script src='fullcalendar/main.js'></script>
+    <script>
+
+      document.addEventListener('DOMContentLoaded', function() {
+        var calendarEl = document.getElementById('calendar');
+        var calendar = new FullCalendar.Calendar(calendarEl, {
+          initialView: 'dayGridWeek'
+        });
+        calendar.render();
+      });
+
+    </script>
+  </head>
+  <body>
+    <div id='calendar'></div>
+  </body>
+</html>
