diff --git a/src/pages/course/course-page.scss b/src/pages/course/course-page.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/course/course-page.ts b/src/pages/course/course-page.ts
new file mode 100644
index 0000000..4985392
--- /dev/null
+++ b/src/pages/course/course-page.ts
@@ -0,0 +1,15 @@
+import {Component, Prop, Vue} from 'vue-property-decorator';
+import OverallLine from '@/pages/overall/overall-line/overall-line';
+import OverallBar from '@/pages/overall/overall-bar/overall-bar';
+import OverallCourse from '@/pages/overall/overall-course/overall-course';
+import {Course} from '@/components/app/app';
+import {GPAUtils} from '@/utils/gpa-utils';
+
+@Component({
+    components: {OverallLine, OverallBar, OverallCourse}
+})
+export default class CoursePage extends Vue
+{
+    // @ts-ignore
+    @Prop({required: true}) course: Course;
+}
diff --git a/src/pages/course/course-page.vue b/src/pages/course/course-page.vue
new file mode 100644
index 0000000..6976ff8
--- /dev/null
+++ b/src/pages/course/course-page.vue
@@ -0,0 +1,7 @@
+<template>
+    <div id="course-page">
+    </div>
+</template>
+
+<script src="./course-page.ts" lang="ts"></script>
+<style src="./course-page.scss" lang="scss"></style>