diff --git a/README.md b/README.md
index 623c1fce2d2c6646391df9854b48b21ac8b53c5f..9c0605c45e127ba5f3c51c2aeee2e15cedd2291b 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,53 @@
 # Tutorial APAP
 ## Authors
-* **<Muhammad Raihan Adliputra>** - *<2006485680>* - *<A>*
\ No newline at end of file
+> **Muhammad Raihan Adliputra** - *2006485680* - *A*
+
+## Tutorial 1
+### What I have learned today
+* Saya berhasil mencoba *hands on* membuat program BMI sederhana menggunakan Spring Boot
+* Saya berhasil mengingat dan mengoperasikan kembali *command-command* pada penggunaan GitLab
+### GitLab
+1. Apa itu Issue Tracker? Apa saja masalah yang dapat diselesaikan dengan Issue Tracker?
+**Issue Tracker**, merupakan fitur yang ada pada GitHub yang berfungsi untuk memudahkan *user* untuk tetap *on track* dan mengerahui perubahan apa saja yang terjadi pada proyek. Selain itu, **Issue Tracker** juga bisa membantu *user* untuk menemukan bug yang ada pada proyek.
+*Reference*:
+> [About issues](https://docs.github.com/en/issues/tracking-your-work-with-issues/about-issues)
+
+2. Apa perbedaan dari git merge dan git merge --squash?
+*command* `git merge --squash` akan menyatukan semua commit pada suatu branch menjadi 1 commit saja. Sehingga, jika *user* ingin melakukan merge ke branch main, maka branch tersebut hanya memberikan 1 commit.
+*Reference*:
+> [git merge VS git merge -- squash](https://monsterlessons-academy.com/p/git-squash-how-to-combine-git-commits-with-merge-and-rebase)
+
+3. Apa keunggulan menggunakan Version Control System seperti Git dalam pengembangan suatu aplikasi?
+Fungsi dari **Version Control System** adalah menyimpan perubahan pada *source code*, sehingga mampu meminimalisir resiko gagal ada kode yang sudah kita ubah.
+*Reference*:
+> [Version Control System](https://glints.com/id/lowongan/version-control-system/#.YTjZGp0zaUk)
+### Spring
+4. Apa itu library & dependency?
+* **Library** merupakan kumpulan code pada sebuah modul yang bisa dipakai oleh *user* untuk memudahkan pembuatan suatu proyek.
+* **Dependency** merupakan sebuah kata yang mereferensikan ketika suatu *software* saling berkaitan dengan *software* lainnya.
+*Reference*:
+> [Library](https://id.quora.com/Apa-yang-dimaksud-dengan-library-pada-pemrograman)
+> [Dependency](https://coderslegacy.com/what-are-dependencies-in-programming/)
+
+5. Apa itu Gradle? Mengapa kita menggunakan Gradle? Apakah ada alternatif dari Gradle?
+**Gradle** merupakan *automation tool* untuk membangun *software*. **Gradle** kita gunakan karena **Gradle** mampu memberikan performa yang sangat baik dan juga **Gradle** saat ini sudah bisa dipakai oleh *user* di berbagai macam IDE yang ada di pasar saat ini. Alternatif lain dari penggunaan **Gradle** adalah Maven, Bazel, dan lainnya.
+*Reference*:
+> [About Gradle](https://www.simplilearn.com/tutorials/gradle-tutorial/what-is-gradle)
+> [Gradle altenatives](https://rigorousthemes.com/blog/best-gradle-alternatives/)
+
+6. Selain untuk pengembangan web, apa saja yang bisa dikembangkan dengan Spring framework?
+**Spring framewor** dapat digunakan untuk Cloud, Reactive, Event Driven, dan sebagainya.
+*Reference*:
+> [Spring framework](https://spring.io/projects/spring-framework)
+
+7. Apa perbedaan dari @RequestParam dan @PathVariable? Kapan sebaiknya menggunakan @RequestParam atau @PathVariable?
+* **@RequestParam** digunakan untuk mengakses nilai dari parameter.
+* **@PathVariable** digunakan untuk mengakses nilai dari template URI.
+*Reference*:
+> [RequestParam VS PathVariable](https://javabeat.net/spring-mvc-requestparam-pathvariable/)
+### What I did not understand
+Saya masih belum terbiasa dengan sistem branch pada gitlab, karena selama ini saya hanya menggunakan branch main pada gitlab. Saya juga baru pertama kali menggunakan spring boot, sehingga saya masih tidak mengerti apa yang saya ketikkan pada kode yang ada pada Tutorial 1 ini.
+- [x] Apakah saya mampu lulus APAP dengan nilai memuaskan?
+**YA**. Karena saya mampu dan saya ingin.
+
+
diff --git a/penghitungBMI/.gitignore b/penghitungBMI/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..c2065bc26202b2d072aca3efc3d1c2efad3afcbf
--- /dev/null
+++ b/penghitungBMI/.gitignore
@@ -0,0 +1,37 @@
+HELP.md
+.gradle
+build/
+!gradle/wrapper/gradle-wrapper.jar
+!**/src/main/**/build/
+!**/src/test/**/build/
+
+### STS ###
+.apt_generated
+.classpath
+.factorypath
+.project
+.settings
+.springBeans
+.sts4-cache
+bin/
+!**/src/main/**/bin/
+!**/src/test/**/bin/
+
+### IntelliJ IDEA ###
+.idea
+*.iws
+*.iml
+*.ipr
+out/
+!**/src/main/**/out/
+!**/src/test/**/out/
+
+### NetBeans ###
+/nbproject/private/
+/nbbuild/
+/dist/
+/nbdist/
+/.nb-gradle/
+
+### VS Code ###
+.vscode/
diff --git a/penghitungBMI/build.gradle b/penghitungBMI/build.gradle
new file mode 100644
index 0000000000000000000000000000000000000000..605ad9476d5415141ec1ff36e8a1ec93788f240e
--- /dev/null
+++ b/penghitungBMI/build.gradle
@@ -0,0 +1,24 @@
+plugins {
+	id 'org.springframework.boot' version '2.7.3'
+	id 'io.spring.dependency-management' version '1.0.13.RELEASE'
+	id 'java'
+}
+
+group = 'apap.tutorial'
+version = '0.0.1-SNAPSHOT'
+sourceCompatibility = '11'
+
+repositories {
+	mavenCentral()
+}
+
+dependencies {
+	implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
+	implementation 'org.springframework.boot:spring-boot-starter-web'
+	developmentOnly 'org.springframework.boot:spring-boot-devtools'
+	testImplementation 'org.springframework.boot:spring-boot-starter-test'
+}
+
+tasks.named('test') {
+	useJUnitPlatform()
+}
diff --git a/penghitungBMI/gradle/wrapper/gradle-wrapper.jar b/penghitungBMI/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 0000000000000000000000000000000000000000..249e5832f090a2944b7473328c07c9755baa3196
Binary files /dev/null and b/penghitungBMI/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/penghitungBMI/gradle/wrapper/gradle-wrapper.properties b/penghitungBMI/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000000000000000000000000000000000000..8049c684f04fdf584869d8eed0bc9168b401e403
--- /dev/null
+++ b/penghitungBMI/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.5-bin.zip
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
diff --git a/penghitungBMI/gradlew b/penghitungBMI/gradlew
new file mode 100644
index 0000000000000000000000000000000000000000..a69d9cb6c20655813e44515156e7253a2a239138
--- /dev/null
+++ b/penghitungBMI/gradlew
@@ -0,0 +1,240 @@
+#!/bin/sh
+
+#
+# Copyright © 2015-2021 the original authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+#
+#   Gradle start up script for POSIX generated by Gradle.
+#
+#   Important for running:
+#
+#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
+#       noncompliant, but you have some other compliant shell such as ksh or
+#       bash, then to run this script, type that shell name before the whole
+#       command line, like:
+#
+#           ksh Gradle
+#
+#       Busybox and similar reduced shells will NOT work, because this script
+#       requires all of these POSIX shell features:
+#         * functions;
+#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
+#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
+#         * compound commands having a testable exit status, especially «case»;
+#         * various built-in commands including «command», «set», and «ulimit».
+#
+#   Important for patching:
+#
+#   (2) This script targets any POSIX shell, so it avoids extensions provided
+#       by Bash, Ksh, etc; in particular arrays are avoided.
+#
+#       The "traditional" practice of packing multiple parameters into a
+#       space-separated string is a well documented source of bugs and security
+#       problems, so this is (mostly) avoided, by progressively accumulating
+#       options in "$@", and eventually passing that to Java.
+#
+#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
+#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
+#       see the in-line comments for details.
+#
+#       There are tweaks for specific operating systems such as AIX, CygWin,
+#       Darwin, MinGW, and NonStop.
+#
+#   (3) This script is generated from the Groovy template
+#       https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       within the Gradle project.
+#
+#       You can find Gradle at https://github.com/gradle/gradle/.
+#
+##############################################################################
+
+# Attempt to set APP_HOME
+
+# Resolve links: $0 may be a link
+app_path=$0
+
+# Need this for daisy-chained symlinks.
+while
+    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
+    [ -h "$app_path" ]
+do
+    ls=$( ls -ld "$app_path" )
+    link=${ls#*' -> '}
+    case $link in             #(
+      /*)   app_path=$link ;; #(
+      *)    app_path=$APP_HOME$link ;;
+    esac
+done
+
+APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit
+
+APP_NAME="Gradle"
+APP_BASE_NAME=${0##*/}
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD=maximum
+
+warn () {
+    echo "$*"
+} >&2
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+} >&2
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "$( uname )" in                #(
+  CYGWIN* )         cygwin=true  ;; #(
+  Darwin* )         darwin=true  ;; #(
+  MSYS* | MINGW* )  msys=true    ;; #(
+  NONSTOP* )        nonstop=true ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD=$JAVA_HOME/jre/sh/java
+    else
+        JAVACMD=$JAVA_HOME/bin/java
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD=java
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
+    case $MAX_FD in #(
+      max*)
+        MAX_FD=$( ulimit -H -n ) ||
+            warn "Could not query maximum file descriptor limit"
+    esac
+    case $MAX_FD in  #(
+      '' | soft) :;; #(
+      *)
+        ulimit -n "$MAX_FD" ||
+            warn "Could not set maximum file descriptor limit to $MAX_FD"
+    esac
+fi
+
+# Collect all arguments for the java command, stacking in reverse order:
+#   * args from the command line
+#   * the main class name
+#   * -classpath
+#   * -D...appname settings
+#   * --module-path (only if needed)
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if "$cygwin" || "$msys" ; then
+    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
+    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
+
+    JAVACMD=$( cygpath --unix "$JAVACMD" )
+
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    for arg do
+        if
+            case $arg in                                #(
+              -*)   false ;;                            # don't mess with options #(
+              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
+                    [ -e "$t" ] ;;                      #(
+              *)    false ;;
+            esac
+        then
+            arg=$( cygpath --path --ignore --mixed "$arg" )
+        fi
+        # Roll the args list around exactly as many times as the number of
+        # args, so each arg winds up back in the position where it started, but
+        # possibly modified.
+        #
+        # NB: a `for` loop captures its iteration list before it begins, so
+        # changing the positional parameters here affects neither the number of
+        # iterations, nor the values presented in `arg`.
+        shift                   # remove old arg
+        set -- "$@" "$arg"      # push replacement arg
+    done
+fi
+
+# Collect all arguments for the java command;
+#   * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
+#     shell script including quotes and variable substitutions, so put them in
+#     double quotes to make sure that they get re-expanded; and
+#   * put everything else in single quotes, so that it's not re-expanded.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -classpath "$CLASSPATH" \
+        org.gradle.wrapper.GradleWrapperMain \
+        "$@"
+
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
+# Use "xargs" to parse quoted args.
+#
+# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
+#
+# In Bash we could simply go:
+#
+#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
+#   set -- "${ARGS[@]}" "$@"
+#
+# but POSIX shell has neither arrays nor command substitution, so instead we
+# post-process each arg (as a line of input to sed) to backslash-escape any
+# character that might be a shell metacharacter, then use eval to reverse
+# that process (while maintaining the separation between arguments), and wrap
+# the whole thing up as a single "set" statement.
+#
+# This will of course break if any of these variables contains a newline or
+# an unmatched quote.
+#
+
+eval "set -- $(
+        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
+        xargs -n1 |
+        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
+        tr '\n' ' '
+    )" '"$@"'
+
+exec "$JAVACMD" "$@"
diff --git a/penghitungBMI/gradlew.bat b/penghitungBMI/gradlew.bat
new file mode 100644
index 0000000000000000000000000000000000000000..f127cfd49d4024c3e1e0d08ba56399221b4fb25d
--- /dev/null
+++ b/penghitungBMI/gradlew.bat
@@ -0,0 +1,91 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%"=="" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%"=="" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if %ERRORLEVEL% equ 0 goto execute
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if %ERRORLEVEL% equ 0 goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/penghitungBMI/settings.gradle b/penghitungBMI/settings.gradle
new file mode 100644
index 0000000000000000000000000000000000000000..1b18a11dee557fac7bd5c32cdc44e9f496ea9403
--- /dev/null
+++ b/penghitungBMI/settings.gradle
@@ -0,0 +1 @@
+rootProject.name = 'penghitungBMI'
diff --git a/penghitungBMI/src/main/java/apap/tutorial/penghitungBMI/PenghitungBmiApplication.java b/penghitungBMI/src/main/java/apap/tutorial/penghitungBMI/PenghitungBmiApplication.java
new file mode 100644
index 0000000000000000000000000000000000000000..042074a73dc9f52cc76f96762861ba5f19e85ab8
--- /dev/null
+++ b/penghitungBMI/src/main/java/apap/tutorial/penghitungBMI/PenghitungBmiApplication.java
@@ -0,0 +1,13 @@
+package apap.tutorial.penghitungBMI;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+
+@SpringBootApplication
+public class PenghitungBmiApplication {
+
+	public static void main(String[] args) {
+		SpringApplication.run(PenghitungBmiApplication.class, args);
+	}
+
+}
diff --git a/penghitungBMI/src/main/java/apap/tutorial/penghitungBMI/controller/PenghitungBmiController.java b/penghitungBMI/src/main/java/apap/tutorial/penghitungBMI/controller/PenghitungBmiController.java
new file mode 100644
index 0000000000000000000000000000000000000000..8c69c52acf21d9bf668be6a2c70317e34cce3867
--- /dev/null
+++ b/penghitungBMI/src/main/java/apap/tutorial/penghitungBMI/controller/PenghitungBmiController.java
@@ -0,0 +1,30 @@
+package apap.tutorial.penghitungBMI.controller;
+
+import apap.tutorial.penghitungBMI.model.PenghitungBmi;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestParam;
+
+@Controller
+public class PenghitungBmiController {
+    private String getPenghitungBmiPage(String beratBadan, String tinggiBadan, Model model) {
+
+        if (beratBadan.isEmpty() || tinggiBadan.isEmpty() || beratBadan.equals("0") || tinggiBadan.equals("0")) {
+            model.addAttribute("msg", "Isi berat dan tinggi badan anda dengan benar!");
+        }
+        else {
+            final PenghitungBmi penghitungBmi = new PenghitungBmi(beratBadan, tinggiBadan);
+            model.addAttribute("penghitungBmi", penghitungBmi);
+        }
+        return "penghitungBmiPage.html";
+    }
+
+    @GetMapping(value = "/penghitung-BMI/{berat}/{tinggi}")
+    public String penghitungBmiWithPathVariable(@PathVariable(value = "berat") String beratBadan,
+                                                @PathVariable(value = "tinggi") String tinggiBadan,
+                                                Model model) {
+        return getPenghitungBmiPage(beratBadan, tinggiBadan, model);
+    }
+}
diff --git a/penghitungBMI/src/main/java/apap/tutorial/penghitungBMI/model/PenghitungBmi.java b/penghitungBMI/src/main/java/apap/tutorial/penghitungBMI/model/PenghitungBmi.java
new file mode 100644
index 0000000000000000000000000000000000000000..194dc3d17805f6f0db6a1c823e4185aacd4be08c
--- /dev/null
+++ b/penghitungBMI/src/main/java/apap/tutorial/penghitungBMI/model/PenghitungBmi.java
@@ -0,0 +1,36 @@
+package apap.tutorial.penghitungBMI.model;
+import java.io.Serializable;
+
+public class PenghitungBmi implements Serializable {
+    private Double beratBadan;
+    private Double tinggiBadan;
+    private String kategori;
+
+    public PenghitungBmi(String beratBadan, String tinggiBadan) {
+        this.beratBadan = Double.parseDouble((beratBadan));
+        this.tinggiBadan = Double.parseDouble((tinggiBadan))/100;
+    }
+
+    public String hitungBmi() {
+        double hasilBmi = beratBadan / (Math.pow(tinggiBadan, 2));
+        if (hasilBmi < 18.5 ) {
+            this.kategori = "Berat badan anda kurang";
+        }
+        else if (hasilBmi >= 18.5 && hasilBmi <= 22.9) {
+            this.kategori = "Berat badan anda normal";
+        }
+        else if (hasilBmi > 22.9 && hasilBmi <= 29.9) {
+            this.kategori = "Berat badan anda berlebih (kecenderungan obesitas)";
+        }
+        else {
+            this.kategori = "Anda obesitas";
+        }
+        return String.format("%.2f", hasilBmi);
+    }
+
+    public double getWeight() {return beratBadan;}
+
+    public double getHeight() {return tinggiBadan;}
+
+    public String getKategori() {return kategori;}
+}
\ No newline at end of file
diff --git a/penghitungBMI/src/main/resources/application.properties b/penghitungBMI/src/main/resources/application.properties
new file mode 100644
index 0000000000000000000000000000000000000000..8b137891791fe96927ad78e64b0aad7bded08bdc
--- /dev/null
+++ b/penghitungBMI/src/main/resources/application.properties
@@ -0,0 +1 @@
+
diff --git a/penghitungBMI/src/main/resources/templates/penghitungBmiPage.html b/penghitungBMI/src/main/resources/templates/penghitungBmiPage.html
new file mode 100644
index 0000000000000000000000000000000000000000..da843a56970c91daeccda2aedb5d388a077bbc01
--- /dev/null
+++ b/penghitungBMI/src/main/resources/templates/penghitungBmiPage.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <meta charset="UTF-8">
+    <title>Penghitung BMI</title>
+    <style>
+        .card {
+            width: 40%;
+            display: flex;
+            flex-direction: column;
+            font-family: Arial, Helvetica, sans-serif;
+            border-radius: 10px;
+            box-shadow: 0 0 50px #ccc;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
+        .header {
+            height: 30%;
+            background: #023047;
+            border-top-left-radius: 10px;
+            border-top-right-radius: 10px;
+            color: white;
+            text-align: center;
+        }
+        .container {
+            padding: 2px 16px;
+        }
+        .kategori{
+            text-align: center;
+            color: #fb8500;
+            padding: 10px 0px;
+            font-size:18px;
+            font-weight: bold;
+        }
+    </style>
+</head>
+<body>
+<div>
+    <div class="card">
+        <div class="header">
+            <p>Penghitung BMI</p>
+        </div>
+
+        <div class="container">
+            <th:block th:if="${penghitungBmi != null}">
+                <p>
+                    Berat badan:
+                    <span th:text="${penghitungBmi.getWeight()} + 'kg'"></span>
+                </p>
+                <p>
+                    Tinggi badan:
+                    <span th:text="${penghitungBmi.getHeight()} + 'm'"></span>
+                </p>
+                <p>
+                    <strong>
+                        Hasil BMI:
+                        <span th:text="${penghitungBmi.hitungBmi()}"></span>
+                    </strong>
+                </p>
+                <p class="kategori">
+                    <span th:text="${penghitungBmi.getKategori()}"></span>
+                </p>
+            </th:block>
+
+            <div th:unless="${penghitungBmi != null}">
+                <h3 class="kategori" th:text="${msg}"></h3>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
diff --git a/penghitungBMI/src/test/java/apap/tutorial/penghitungBMI/PenghitungBmiApplicationTests.java b/penghitungBMI/src/test/java/apap/tutorial/penghitungBMI/PenghitungBmiApplicationTests.java
new file mode 100644
index 0000000000000000000000000000000000000000..68e9b31b1a0795ef71a40b91b24270eac1a78fc0
--- /dev/null
+++ b/penghitungBMI/src/test/java/apap/tutorial/penghitungBMI/PenghitungBmiApplicationTests.java
@@ -0,0 +1,13 @@
+package apap.tutorial.penghitungBMI;
+
+import org.junit.jupiter.api.Test;
+import org.springframework.boot.test.context.SpringBootTest;
+
+@SpringBootTest
+class PenghitungBmiApplicationTests {
+
+	@Test
+	void contextLoads() {
+	}
+
+}