From 9e67ea7a2f22db0ab55d108284284d851c31fd9b Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Sun, 28 Dec 2025 12:28:23 +0100
Subject: [PATCH] Add BoeBot page for software projects.

---
 portfolio/images/.gitignore                   |   3 +-
 .../projects/board-of-education-bot.md        | 120 ++++++++++++++++++
 2 files changed, 122 insertions(+), 1 deletion(-)
 create mode 100644 portfolio/pages/en/software/projects/board-of-education-bot.md

diff --git a/portfolio/images/.gitignore b/portfolio/images/.gitignore
index 7f3df16..818476d 100644
--- a/portfolio/images/.gitignore
+++ b/portfolio/images/.gitignore
@@ -1 +1,2 @@
-plamo/*
\ No newline at end of file
+plamo/*
+software/*
\ No newline at end of file
diff --git a/portfolio/pages/en/software/projects/board-of-education-bot.md b/portfolio/pages/en/software/projects/board-of-education-bot.md
new file mode 100644
index 0000000..dafd88e
--- /dev/null
+++ b/portfolio/pages/en/software/projects/board-of-education-bot.md
@@ -0,0 +1,120 @@
+---
+logosub: "Software developer"
+language: "en"
+title: "Board of Education Bot"
+---
+
+The Board of Education (Ro)Bot is a development platform made by Parallax.
+
+This school project was mainly to learn about basic electronics and programming for embedded devices. The BoeBot was created by Parallax and uses the Javelin stamp processor. This processor accepts the high-level programming language Java to control different pieces of hardware on the robot. The robot started as a simple prototype board with two servo motors. Sensors and actuators were later placed on the breadboard to allow sensory input and output. We created a GUI named "Robot at Work" which allowed the robot to follow a path using QPI linefollowers. The robot could also be controlled with an IR remote control.
+
+<figure class="text-center">
+  <picture class="d-flex justify-content-center">
+    <source
+      media="(max-width: 510px)"
+      srcset="/images/software/projects/board-of-education-bot/boebot-classdiagram-w240.webp"
+    />
+    <source
+      media="(max-width: 850px)"
+      srcset="/images/software/projects/board-of-education-bot/boebot-classdiagram-w480.webp"
+    />
+    <img
+      src="/images/software/projects/board-of-education-bot/boebot-classdiagram-w800.webp"
+      alt="class diagram"
+      class="img-fluid"
+    />
+  </picture>
+    <figcaption class="figure-caption mt-2">
+    <a href="/images/software/projects/board-of-education-bot/boebot-classdiagram.webp">
+      Class diagram
+    </a>
+  </figcaption>
+</figure>
+
+<figure class="text-center">
+  <picture class="d-flex justify-content-center">
+    <source
+      media="(max-width: 510px)"
+      srcset="/images/software/projects/board-of-education-bot/javelin-w240.webp"
+    />
+    <img
+      src="/images/software/projects/board-of-education-bot/javelin.webp"
+      alt="class diagram"
+      class="img-fluid"
+    />
+  </picture>
+    <figcaption class="figure-caption mt-2">
+    <a href="/images/software/projects/board-of-education-bot/javelin.webp">
+      Javelin board
+    </a>
+  </figcaption>
+</figure>
+
+<figure class="text-center">
+  <picture class="d-flex justify-content-center">
+    <source
+      media="(max-width: 510px)"
+      srcset="/images/software/projects/board-of-education-bot/boebot-gui-w240.webp"
+    />
+    <source
+      media="(max-width: 850px)"
+      srcset="/images/software/projects/board-of-education-bot/boebot-gui-w480.webp"
+    />
+    <img
+      src="/images/software/projects/board-of-education-bot/boebot-gui.webp"
+      alt="class diagram"
+      class="img-fluid"
+    />
+  </picture>
+    <figcaption class="figure-caption mt-2">
+    <a href="/images/software/projects/board-of-education-bot/boebot-gui.webp">
+      GUI design
+    </a>
+  </figcaption>
+</figure>
+
+<figure class="text-center">
+  <picture class="d-flex justify-content-center">
+    <source
+      media="(max-width: 510px)"
+      srcset="/images/software/projects/board-of-education-bot/robot2-w240.webp"
+    />
+    <source
+      media="(max-width: 850px)"
+      srcset="/images/software/projects/board-of-education-bot/robot2-w480.webp"
+    />
+    <img
+      src="/images/software/projects/board-of-education-bot/robot2.webp"
+      alt="class diagram"
+      class="img-fluid"
+    />
+  </picture>
+    <figcaption class="figure-caption mt-2">
+    <a href="/images/software/projects/board-of-education-bot/robot2.webp">
+      Robot top
+    </a>
+  </figcaption>
+</figure>
+
+<figure class="text-center">
+  <picture class="d-flex justify-content-center">
+    <source
+      media="(max-width: 510px)"
+      srcset="/images/software/projects/board-of-education-bot/robot3-w240.webp"
+    />
+    <source
+      media="(max-width: 850px)"
+      srcset="/images/software/projects/board-of-education-bot/robot3-w480.webp"
+    />
+    <img
+      src="/images/software/projects/board-of-education-bot/robot3.webp"
+      alt="class diagram"
+      class="img-fluid"
+    />
+  </picture>
+    <figcaption class="figure-caption mt-2">
+    <a href="/images/software/projects/board-of-education-bot/robot3.webp">
+      Robot side
+    </a>
+  </figcaption>
+</figure>
\ No newline at end of file