diff --git a/src/Pages/Software/Projects/AttachmentModule.js b/src/Pages/Software/Projects/AttachmentModule.js
index 9173d54..e6519df 100644
--- a/src/Pages/Software/Projects/AttachmentModule.js
+++ b/src/Pages/Software/Projects/AttachmentModule.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2017-10-06
 const AttachmentModule = () => {
     return (
         <div className='row'>
diff --git a/src/Pages/Software/Projects/BoardOfEducationBot.js b/src/Pages/Software/Projects/BoardOfEducationBot.js
index b11357e..84700c3 100644
--- a/src/Pages/Software/Projects/BoardOfEducationBot.js
+++ b/src/Pages/Software/Projects/BoardOfEducationBot.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2012-12-10
 const BoardOfEducationBot = () => {
     return (
         <div className='row'>
diff --git a/src/Pages/Software/Projects/ConfigAutomation.js b/src/Pages/Software/Projects/ConfigAutomation.js
index 2f000d6..d32bfdc 100644
--- a/src/Pages/Software/Projects/ConfigAutomation.js
+++ b/src/Pages/Software/Projects/ConfigAutomation.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2020~2022
 const ConfigAutomation = () => {
     return (
     <div className='row'>
diff --git a/src/Pages/Software/Projects/DXPDevelopment.js b/src/Pages/Software/Projects/DXPDevelopment.js
index 24374ee..82ad85f 100644
--- a/src/Pages/Software/Projects/DXPDevelopment.js
+++ b/src/Pages/Software/Projects/DXPDevelopment.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2022
 const DXPDevelopment = () => {
     return (   
         <div className='row'>
diff --git a/src/Pages/Software/Projects/EmbeddedInternetRadio.js b/src/Pages/Software/Projects/EmbeddedInternetRadio.js
index 51de4f9..44b1fbd 100644
--- a/src/Pages/Software/Projects/EmbeddedInternetRadio.js
+++ b/src/Pages/Software/Projects/EmbeddedInternetRadio.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2014-03-07
 const EmbeddedInternetRadio = () => {
     return (
         <div className='row'>
diff --git a/src/Pages/Software/Projects/FestivalSimulator.js b/src/Pages/Software/Projects/FestivalSimulator.js
index 2c3a251..43aa701 100644
--- a/src/Pages/Software/Projects/FestivalSimulator.js
+++ b/src/Pages/Software/Projects/FestivalSimulator.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2013-04-11
 const FestivalSimulator = () => {
     return (
         <div className='row'>
diff --git a/src/Pages/Software/Projects/IOSAirports.js b/src/Pages/Software/Projects/IOSAirports.js
index dd486ba..c66caa7 100644
--- a/src/Pages/Software/Projects/IOSAirports.js
+++ b/src/Pages/Software/Projects/IOSAirports.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2015-11-27
 const IOSAirports = () => {
     return (
         <div className='row'>
diff --git a/src/Pages/Software/Projects/KanjiApplication.js b/src/Pages/Software/Projects/KanjiApplication.js
index 6187902..eed88c6 100644
--- a/src/Pages/Software/Projects/KanjiApplication.js
+++ b/src/Pages/Software/Projects/KanjiApplication.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2016-03-02
 const KanjiApplication = () => {
     return (
         <div className='row'>
diff --git a/src/Pages/Software/Projects/MetroidShooter.js b/src/Pages/Software/Projects/MetroidShooter.js
new file mode 100644
index 0000000..2e2b40a
--- /dev/null
+++ b/src/Pages/Software/Projects/MetroidShooter.js
@@ -0,0 +1,69 @@
+import React from 'react';
+
+// Created on: 2013-07-30
+const MetroidShooter = () => {
+    return (
+        <div className='row'>
+
+            <div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
+                <section id="list-intro" className="content-section">
+                    <h1 className="text-primary">Metroid Horizontal Shooter</h1>
+                    <h4 className="text-secondary">Java game</h4>
+
+                    <p>A simple Java 2D game using Nintendo's <a href="https://en.wikipedia.org/wiki/Metroid" target="_blank" rel="noopener noreferrer">Metroid</a> franchise sprites. This was a school project. This little game I made to practice programming with 2D graphics. It slowly gained more and more features like extra weapons and different levels, because I really enjoyed working on this project.</p>
+                    
+                    <picture>
+                        <source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen1-w240.webp`} />
+                        <source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen1-w480.webp`} />
+                        <source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen1-w800.webp`} />
+                        <source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen1.webp`} />
+                        <img alt="Screenshot" src={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen1.webp`}/>
+                    </picture>
+
+                    <p></p>
+
+                    <picture>
+                        <source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen2-w240.webp`} />
+                        <source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen2-w480.webp`} />
+                        <source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen2-w800.webp`} />
+                        <source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen2.webp`} />
+                        <img alt="Screenshot" src={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen2.webp`}/>
+                    </picture>
+
+                    <p></p>
+
+                    <picture>
+                        <source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen3-w240.webp`} />
+                        <source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen3-w480.webp`} />
+                        <source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen3-w800.webp`} />
+                        <source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen3.webp`} />
+                        <img alt="Screenshot" src={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen3.webp`}/>
+                    </picture>
+
+                    <p></p>
+
+                    <picture>
+                        <source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen4-w240.webp`} />
+                        <source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen4-w480.webp`} />
+                        <source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen4-w800.webp`} />
+                        <source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen4.webp`} />
+                        <img alt="Screenshot" src={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen4.webp`}/>
+                    </picture>
+
+                    <p></p>
+
+                    <picture>
+                        <source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen5-w240.webp`} />
+                        <source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen5-w480.webp`} />
+                        <source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen5-w800.webp`} />
+                        <source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen5.webp`} />
+                        <img alt="Screenshot" src={`${process.env.PUBLIC_URL}/images/projects/metroid/MetroidScreen5.webp`}/>
+                    </picture>
+
+                </section>
+            </div>
+        </div>
+    )
+}
+
+export default MetroidShooter;
\ No newline at end of file
diff --git a/src/Pages/Software/Projects/RaspberryJukebox.js b/src/Pages/Software/Projects/RaspberryJukebox.js
index 63e06d4..045e911 100644
--- a/src/Pages/Software/Projects/RaspberryJukebox.js
+++ b/src/Pages/Software/Projects/RaspberryJukebox.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2016-03-23
 const RaspberryJukebox = () => {
     return (
         <div className='row'>
diff --git a/src/Pages/Software/Projects/SwivForPi.js b/src/Pages/Software/Projects/SwivForPi.js
index 8a6ffe1..2562fc6 100644
--- a/src/Pages/Software/Projects/SwivForPi.js
+++ b/src/Pages/Software/Projects/SwivForPi.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2014-04-04
 const SwivForPi = () => {
     return (
         <div className='row'>
diff --git a/src/Pages/Software/Projects/TeslaMaze.js b/src/Pages/Software/Projects/TeslaMaze.js
index fab156a..1f1b80f 100644
--- a/src/Pages/Software/Projects/TeslaMaze.js
+++ b/src/Pages/Software/Projects/TeslaMaze.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2013-07-10
 const TeslaMaze = () => {
     return (
         <div className='row'>
diff --git a/src/Pages/Software/Projects/WifiPrototype.js b/src/Pages/Software/Projects/WifiPrototype.js
index 434edbc..a43c7e9 100644
--- a/src/Pages/Software/Projects/WifiPrototype.js
+++ b/src/Pages/Software/Projects/WifiPrototype.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2015-01-16
 const WifiPrototype = () => {
     return (   
         <div className='row'>
diff --git a/src/Pages/Software/Projects/Windows10Cookbook.js b/src/Pages/Software/Projects/Windows10Cookbook.js
index b032096..189e219 100644
--- a/src/Pages/Software/Projects/Windows10Cookbook.js
+++ b/src/Pages/Software/Projects/Windows10Cookbook.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+// Created on: 2016-01-29
 const Windows10Cookbook = () => {
     return (   
         <div className='row'>