diff --git a/src/main/java/id/ac/ui/cs/advprog/tutorial0/controller/CourseController.java b/src/main/java/id/ac/ui/cs/advprog/tutorial0/controller/CourseController.java
new file mode 100644
index 0000000000000000000000000000000000000000..e434571621338a080847bd86ae99c289b0459bf0
--- /dev/null
+++ b/src/main/java/id/ac/ui/cs/advprog/tutorial0/controller/CourseController.java
@@ -0,0 +1,42 @@
+package id.ac.ui.cs.advprog.tutorial0.controller;
+
+import id.ac.ui.cs.advprog.tutorial0.model.Course;
+import id.ac.ui.cs.advprog.tutorial0.service.CourseService;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.ModelAttribute;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+import java.util.List;
+
+@Controller
+@RequestMapping("/course")
+public class CourseController {
+
+    @Autowired
+    private CourseService service;
+
+    @GetMapping("/list")
+    public String courseListPage(Model model) {
+        List<Course> allCourse = service.findAll();
+        model.addAttribute("courses", allCourse);
+        return "courseList";
+    }
+
+    @GetMapping("/create")
+    public String createCoursePage(Model model) {
+        Course course = new Course();
+        model.addAttribute("course", course);
+        return "createCourse";
+    }
+
+    @PostMapping("/create")
+    public String createCoursePost(@ModelAttribute Course course, Model model) {
+        service.create(course);
+        model.addAttribute("course", course);
+        return "redirect:list";
+    }
+}
diff --git a/src/main/java/id/ac/ui/cs/advprog/tutorial0/model/Course.java b/src/main/java/id/ac/ui/cs/advprog/tutorial0/model/Course.java
new file mode 100644
index 0000000000000000000000000000000000000000..3706bb3af5605ecd9af3b408544e8e32158e251f
--- /dev/null
+++ b/src/main/java/id/ac/ui/cs/advprog/tutorial0/model/Course.java
@@ -0,0 +1,12 @@
+package id.ac.ui.cs.advprog.tutorial0.model;
+
+import lombok.Getter;
+import lombok.Setter;
+
+@Getter @Setter
+public class Course {
+
+    private String courseId;
+    private String courseName;
+    private boolean courseVacancyStatus = true;
+}
diff --git a/src/main/java/id/ac/ui/cs/advprog/tutorial0/repository/CourseRepository.java b/src/main/java/id/ac/ui/cs/advprog/tutorial0/repository/CourseRepository.java
new file mode 100644
index 0000000000000000000000000000000000000000..470059927f080352b9f901e44982221c85243e1f
--- /dev/null
+++ b/src/main/java/id/ac/ui/cs/advprog/tutorial0/repository/CourseRepository.java
@@ -0,0 +1,23 @@
+package id.ac.ui.cs.advprog.tutorial0.repository;
+
+import id.ac.ui.cs.advprog.tutorial0.model.Course;
+import org.springframework.stereotype.Repository;
+
+import java.util.ArrayList;
+import java.util.Iterator;
+import java.util.List;
+
+@Repository
+public class CourseRepository {
+
+    private List<Course> courseInMemory = new ArrayList<>();
+
+    public Course create(Course course) {
+        courseInMemory.add(course);
+        return course;
+    }
+
+    public Iterator<Course> findAll() {
+        return courseInMemory.iterator();
+    }
+}
diff --git a/src/main/java/id/ac/ui/cs/advprog/tutorial0/service/CourseService.java b/src/main/java/id/ac/ui/cs/advprog/tutorial0/service/CourseService.java
new file mode 100644
index 0000000000000000000000000000000000000000..df6c10d5e8206e1407a10568c7a1a85ca6ebff1d
--- /dev/null
+++ b/src/main/java/id/ac/ui/cs/advprog/tutorial0/service/CourseService.java
@@ -0,0 +1,11 @@
+package id.ac.ui.cs.advprog.tutorial0.service;
+
+import id.ac.ui.cs.advprog.tutorial0.model.Course;
+
+import java.util.List;
+
+public interface CourseService {
+
+    public Course create(Course course);
+    public List<Course> findAll();
+}
diff --git a/src/main/java/id/ac/ui/cs/advprog/tutorial0/service/CourseServiceImp1.java b/src/main/java/id/ac/ui/cs/advprog/tutorial0/service/CourseServiceImp1.java
new file mode 100644
index 0000000000000000000000000000000000000000..2fd98889e8c56fb3489cefd131e64fc0bd427de2
--- /dev/null
+++ b/src/main/java/id/ac/ui/cs/advprog/tutorial0/service/CourseServiceImp1.java
@@ -0,0 +1,41 @@
+package id.ac.ui.cs.advprog.tutorial0.service;
+
+import id.ac.ui.cs.advprog.tutorial0.model.Course;
+import id.ac.ui.cs.advprog.tutorial0.repository.CourseRepository;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.ArrayList;
+import java.util.Iterator;
+import java.util.List;
+
+@Service
+public class CourseServiceImp1 implements CourseService {
+
+    @Autowired
+    private CourseRepository courseRepository;
+
+    @Override
+    public Course create(Course course) {
+        generateCourseId(course);
+        courseRepository.create(course);
+        return course;
+    }
+
+    private void generateCourseId(Course course) {
+        StringBuilder stringBuilder = new StringBuilder();
+        for (char letter : course.getCourseName().toCharArray()) {
+            stringBuilder.append(String.valueOf((int) letter));
+        }
+        String courseId = stringBuilder.toString();
+        course.setCourseId(courseId);
+    }
+
+    @Override
+    public List<Course> findAll() {
+        Iterator<Course> courseIterator = courseRepository.findAll();
+        List<Course> allCourse = new ArrayList<>();
+        courseIterator.forEachRemaining(allCourse::add);
+        return allCourse;
+    }
+}
diff --git a/src/main/java/id/ac/ui/cs/advprog/tutorial0/service/StudentServiceImp1.java b/src/main/java/id/ac/ui/cs/advprog/tutorial0/service/StudentServiceImp1.java
index 693e761e632f030c74e22964b8e44a1a1ffe9984..49ec237bd104db4acaa091c86360d2febe877140 100644
--- a/src/main/java/id/ac/ui/cs/advprog/tutorial0/service/StudentServiceImp1.java
+++ b/src/main/java/id/ac/ui/cs/advprog/tutorial0/service/StudentServiceImp1.java
@@ -38,6 +38,8 @@ public class StudentServiceImp1 implements StudentService{
         for (char letter: student.getName().toCharArray()) {
             stringBuilder.append(String.valueOf((int) letter));
         }
+        String npm = stringBuilder.toString();
+        student.setNpm(npm);
     }
 
     @Override
diff --git a/src/main/resources/templates/courseList.html b/src/main/resources/templates/courseList.html
new file mode 100644
index 0000000000000000000000000000000000000000..7cf2beb694141bf1c1890d523c856a3a46566a67
--- /dev/null
+++ b/src/main/resources/templates/courseList.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+  <meta charset="UTF-8">
+  <title>Course List</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+</head>
+<body>
+
+<h2>Course' List</h2>
+<a th:href="@{/course/create}" class="btn btn-primary btn-sm mb-3" >Create course</a>
+
+<table class="table">
+  <thead>
+  <tr>
+    <th scope="col">Course Name</th>
+    <th scope="col">Course ID</th>
+    <th scope="col">Course Vacancy</th>
+  </tr>
+  </thead>
+  <tbody th:each="course: ${courses}">
+  <tr>
+    <td th:text="${course.courseName}"></td>
+    <td th:text="${course.courseId}"></td>
+    <td th:text="${course.courseVacancyStatus}"></td>
+  </tr>
+
+  </tbody>
+</table>
+
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/createCourse.html b/src/main/resources/templates/createCourse.html
new file mode 100644
index 0000000000000000000000000000000000000000..9f3bd026e8cee58ce68103dc47cd6e5a28afe7f8
--- /dev/null
+++ b/src/main/resources/templates/createCourse.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+  <meta charset="UTF-8">
+  <title>Create new course</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+</head>
+<body>
+<h3>Create new course</h3>
+<form th:action="@{/course/create}" th:object="${course}" method="post">
+  <div class="form-group">
+    <label for="courseNameInput">Course name</label>
+    <input th:field="*{courseName}" type="text" class="form-control" id="courseNameInput" aria-describedby="nameHelp" placeholder="Enter course' name">
+  </div>
+  <button type="submit" class="btn btn-primary">Submit</button>
+</form>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file