From 51f52deeeda05765a0bbff4382550c6e2ab86c22 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 14 Nov 2023 02:57:42 +0000
Subject: [PATCH] deploy: 02406a9eb64cc44f569671a470deb905f9727a33

---
 AboutUs.html                                | 2 +-
 AboutUs.page-vue-render.js                  | 2 +-
 Configuration.html                          | 2 +-
 Configuration.page-vue-render.js            | 2 +-
 DevOps.html                                 | 2 +-
 DevOps.page-vue-render.js                   | 2 +-
 DeveloperGuide.html                         | 2 +-
 DeveloperGuide.page-vue-render.js           | 2 +-
 Documentation.html                          | 2 +-
 Documentation.page-vue-render.js            | 2 +-
 Logging.html                                | 2 +-
 Logging.page-vue-render.js                  | 2 +-
 SettingUp.html                              | 2 +-
 SettingUp.page-vue-render.js                | 2 +-
 Testing.html                                | 2 +-
 Testing.page-vue-render.js                  | 2 +-
 UserGuide.html                              | 2 +-
 UserGuide.page-vue-render.js                | 2 +-
 index.html                                  | 2 +-
 index.page-vue-render.js                    | 2 +-
 team/feifeiraindrops.html                   | 2 +-
 team/feifeiraindrops.page-vue-render.js     | 2 +-
 team/marioalvaro.html                       | 2 +-
 team/marioalvaro.page-vue-render.js         | 2 +-
 team/seraphimstreets.html                   | 2 +-
 team/seraphimstreets.page-vue-render.js     | 2 +-
 team/sinhavedant.html                       | 2 +-
 team/sinhavedant.page-vue-render.js         | 2 +-
 team/siqirua.html                           | 2 +-
 team/siqirua.page-vue-render.js             | 2 +-
 tutorials/AddRemark.html                    | 2 +-
 tutorials/AddRemark.page-vue-render.js      | 2 +-
 tutorials/RemovingFields.html               | 2 +-
 tutorials/RemovingFields.page-vue-render.js | 2 +-
 tutorials/TracingCode.html                  | 2 +-
 tutorials/TracingCode.page-vue-render.js    | 2 +-
 36 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/AboutUs.html b/AboutUs.html
index 07dcb884efe..743f139c804 100644
--- a/AboutUs.html
+++ b/AboutUs.html
@@ -28,7 +28,7 @@
 [<a href="/tp/team/seraphimstreets.html">portfolio</a>]</p> <ul><li>Role: Team Lead</li> <li>Responsibilities: Models, UI/UX</li></ul> <h3 id="li-siqi">Li Siqi<a href="#li-siqi" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/siqirua.png" width="200px"> <p>[<a href="http://github.com/siqirua">github</a>]
 [<a href="/tp/team/siqirua.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Responsibilities: Data</li></ul> <h3 id="mario-alvaro">Mario Alvaro<a href="#mario-alvaro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/marioalvaro.png" width="200px"> <p>[<a href="http://github.com/marioalvaro">github</a>] [<a href="/tp/team/marioalvaro.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Responsibilities: Data</li></ul> <h3 id="yufei-sun">Yufei Sun<a href="#yufei-sun" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/feifeiraindrops.png" width="200px"> <p>[<a href="http://github.com/feifeiraindrops">github</a>]
 [<a href="/tp/team/feifeiraindrops.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Responsibilities: Dev Ops</li></ul> <h3 id="vedant-sinha">Vedant Sinha<a href="#vedant-sinha" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/sinhavedant.png" width="200px"> <p>[<a href="https://github.com/SinhaVedant">github</a>]
-[<a href="/tp/team/sinhavedant.html">portfolio</a>]</p> <ul><li>Role: Testing</li> <li>Responsibilities: UI</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+[<a href="/tp/team/sinhavedant.html">portfolio</a>]</p> <ul><li>Role: Testing</li> <li>Responsibilities: UI</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/AboutUs.page-vue-render.js b/AboutUs.page-vue-render.js
index 0658adef861..821cfc295a1 100644
--- a/AboutUs.page-vue-render.js
+++ b/AboutUs.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"about-us"}},[_v("About Us"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#about-us","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("We are a team based in the "),_c('a',{attrs:{"href":"http://www.comp.nus.edu.sg"}},[_v("School of Computing, National University of Singapore")]),_v(".")]),_v(" "),_c('p',[_v("You can reach us at the email "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("seer[at]comp.nus.edu.sg")])]),_v(" "),_c('h2',{attrs:{"id":"project-team"}},[_v("Project team"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-team","onclick":"event.stopPropagation()"}})]),_v(" "),_c('h3',{attrs:{"id":"edison-siow"}},[_v("Edison Siow"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#edison-siow","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/seraphimstreets.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"https://github.com/seraphimstreets"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/seraphimstreets.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Team Lead")]),_v(" "),_c('li',[_v("Responsibilities: Models, UI/UX")])]),_v(" "),_c('h3',{attrs:{"id":"li-siqi"}},[_v("Li Siqi"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#li-siqi","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/siqirua.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/siqirua"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/siqirua.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")]),_v(" "),_c('li',[_v("Responsibilities: Data")])]),_v(" "),_c('h3',{attrs:{"id":"mario-alvaro"}},[_v("Mario Alvaro"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#mario-alvaro","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/marioalvaro.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/marioalvaro"}},[_v("github")]),_v("] ["),_c('a',{attrs:{"href":"/tp/team/marioalvaro.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")]),_v(" "),_c('li',[_v("Responsibilities: Data")])]),_v(" "),_c('h3',{attrs:{"id":"yufei-sun"}},[_v("Yufei Sun"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#yufei-sun","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/feifeiraindrops.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/feifeiraindrops"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/feifeiraindrops.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")]),_v(" "),_c('li',[_v("Responsibilities: Dev Ops")])]),_v(" "),_c('h3',{attrs:{"id":"vedant-sinha"}},[_v("Vedant Sinha"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#vedant-sinha","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/sinhavedant.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"https://github.com/SinhaVedant"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/sinhavedant.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Testing")]),_v(" "),_c('li',[_v("Responsibilities: UI")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Configuration.html b/Configuration.html
index 9254920a26c..1cdd8715a7c 100644
--- a/Configuration.html
+++ b/Configuration.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="configuration-guide">Configuration guide<a href="#configuration-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>Certain properties of the application can be controlled (e.g user preferences file location, logging level) through the configuration file (default: <code class="hljs inline no-lang">config.json</code>).</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="configuration-guide">Configuration guide<a href="#configuration-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>Certain properties of the application can be controlled (e.g user preferences file location, logging level) through the configuration file (default: <code class="hljs inline no-lang">config.json</code>).</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/Configuration.page-vue-render.js b/Configuration.page-vue-render.js
index 55586b4fd7d..330da90bafb 100644
--- a/Configuration.page-vue-render.js
+++ b/Configuration.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"configuration-guide"}},[_v("Configuration guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#configuration-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Certain properties of the application can be controlled (e.g user preferences file location, logging level) through the configuration file (default: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("config.json")]),_v(").")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DevOps.html b/DevOps.html
index efbb927c7b4..7fffe5f3b06 100644
--- a/DevOps.html
+++ b/DevOps.html
@@ -26,7 +26,7 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="devops-guide">DevOps guide<a href="#devops-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="page-nav-print d-none d-print-block"></div> <h2 id="build-automation">Build automation<a href="#build-automation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project uses Gradle for <strong>build automation and dependency management</strong>. <strong>You are recommended to read <a href="https://se-education.org/guides/tutorials/gradle.html">this Gradle Tutorial from the se-edu/guides</a></strong>.</p> <p>Given below are how to use Gradle for some important project tasks.</p> <ul><li><p><strong><code class="hljs inline no-lang">clean</code></strong>: Deletes the files created during the previous build tasks (e.g. files in the <code class="hljs inline no-lang">build</code> folder).<br>
 e.g. <code class="hljs inline no-lang">./gradlew clean</code></p></li> <li><p><strong><code class="hljs inline no-lang">shadowJar</code></strong>: Uses the ShadowJar plugin to creat a fat JAR file in the <code class="hljs inline no-lang">build/lib</code> folder, <em>if the current file is outdated</em>.<br>
-e.g. <code class="hljs inline no-lang">./gradlew shadowJar</code>.</p></li> <li><p><strong><code class="hljs inline no-lang">run</code></strong>: Builds and runs the application.<br> <strong><code class="hljs inline no-lang">runShadow</code></strong>: Builds the application as a fat JAR, and then runs it.</p></li> <li><p><strong><code class="hljs inline no-lang">checkstyleMain</code></strong>: Runs the code style check for the main code base.<br> <strong><code class="hljs inline no-lang">checkstyleTest</code></strong>: Runs the code style check for the test code base.</p></li> <li><p><strong><code class="hljs inline no-lang">test</code></strong>: Runs all tests.</p> <ul><li><code class="hljs inline no-lang">./gradlew test</code> — Runs all tests</li> <li><code class="hljs inline no-lang">./gradlew clean test</code> — Cleans the project and runs tests</li></ul></li></ul> <hr> <h2 id="continuous-integration-ci">Continuous integration (CI)<a href="#continuous-integration-ci" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project uses GitHub Actions for CI. The project comes with the necessary GitHub Actions configurations files (in the <code class="hljs inline no-lang">.github/workflows</code> folder). No further setting up required.</p> <h3 id="code-coverage">Code coverage<a href="#code-coverage" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>As part of CI, this project uses Codecov to generate coverage reports. When CI runs, it will generate code coverage data (based on the tests run by CI) and upload that data to the CodeCov website, which in turn can provide you more info about the coverage of your tests.</p> <p>However, because Codecov is known to run into intermittent problems (e.g., report upload fails) due to issues on the Codecov service side, the CI is configured to pass even if the Codecov task failed. Therefore, developers are advised to check the code coverage levels periodically and take corrective actions if the coverage level falls below desired levels.</p> <p>To enable Codecov for forks of this project, follow the steps given in <a href="https://se-education.org/guides/tutorials/codecov.html">this se-edu guide</a>.</p> <h3 id="repository-wide-checks">Repository-wide checks<a href="#repository-wide-checks" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>In addition to running Gradle checks, CI includes some repository-wide checks. Unlike the Gradle checks which only cover files used in the build process, these repository-wide checks cover all files in the repository. They check for repository rules which are hard to enforce on development machines such as line ending requirements.</p> <p>These checks are implemented as POSIX shell scripts, and thus can only be run on POSIX-compliant operating systems such as macOS and Linux. To run all checks locally on these operating systems, execute the following in the repository root directory:</p> <p><code class="hljs inline no-lang">./config/travis/run-checks.sh</code></p> <p>Any warnings or errors will be printed out to the console.</p> <p><strong>If adding new checks:</strong></p> <ul><li><p>Checks are implemented as executable <code class="hljs inline no-lang">check-*</code> scripts within the <code class="hljs inline no-lang">.github</code> directory. The <code class="hljs inline no-lang">run-checks.sh</code> script will automatically pick up and run files named as such. That is, you can add more such files if you need and the CI will do the rest.</p></li> <li><p>Check scripts should print out errors in the format <code class="hljs inline no-lang">SEVERITY:FILENAME:LINE: MESSAGE</code></p> <ul><li>SEVERITY is either ERROR or WARN.</li> <li>FILENAME is the path to the file relative to the current directory.</li> <li>LINE is the line of the file where the error occurred and MESSAGE is the message explaining the error.</li></ul></li> <li><p>Check scripts must exit with a non-zero exit code if any errors occur.</p></li></ul> <hr> <h2 id="making-a-release">Making a release<a href="#making-a-release" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Here are the steps to create a new release.</p> <ol><li>Update the version number in <a href="https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/MainApp.java"><code class="hljs inline no-lang">MainApp.java</code></a>.</li> <li>Generate a fat JAR file using Gradle (i.e., <code class="hljs inline no-lang">gradlew shadowJar</code>).</li> <li>Tag the repo with the version number. e.g. <code class="hljs inline no-lang">v0.1</code></li> <li><a href="https://help.github.com/articles/creating-releases/">Create a new release using GitHub</a>. Upload the JAR file you created.</li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#devops-guide" data-v-e6005420>DevOps guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#build-automation" data-v-e6005420>Build automation‎</a> <a class="nav-link py-1" href="#continuous-integration-ci" data-v-e6005420>Continuous integration (CI)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#code-coverage" data-v-e6005420>Code coverage‎</a> <a class="nav-link py-1" href="#repository-wide-checks" data-v-e6005420>Repository-wide checks‎</a></nav> <a class="nav-link py-1" href="#making-a-release" data-v-e6005420>Making a release‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+e.g. <code class="hljs inline no-lang">./gradlew shadowJar</code>.</p></li> <li><p><strong><code class="hljs inline no-lang">run</code></strong>: Builds and runs the application.<br> <strong><code class="hljs inline no-lang">runShadow</code></strong>: Builds the application as a fat JAR, and then runs it.</p></li> <li><p><strong><code class="hljs inline no-lang">checkstyleMain</code></strong>: Runs the code style check for the main code base.<br> <strong><code class="hljs inline no-lang">checkstyleTest</code></strong>: Runs the code style check for the test code base.</p></li> <li><p><strong><code class="hljs inline no-lang">test</code></strong>: Runs all tests.</p> <ul><li><code class="hljs inline no-lang">./gradlew test</code> — Runs all tests</li> <li><code class="hljs inline no-lang">./gradlew clean test</code> — Cleans the project and runs tests</li></ul></li></ul> <hr> <h2 id="continuous-integration-ci">Continuous integration (CI)<a href="#continuous-integration-ci" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project uses GitHub Actions for CI. The project comes with the necessary GitHub Actions configurations files (in the <code class="hljs inline no-lang">.github/workflows</code> folder). No further setting up required.</p> <h3 id="code-coverage">Code coverage<a href="#code-coverage" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>As part of CI, this project uses Codecov to generate coverage reports. When CI runs, it will generate code coverage data (based on the tests run by CI) and upload that data to the CodeCov website, which in turn can provide you more info about the coverage of your tests.</p> <p>However, because Codecov is known to run into intermittent problems (e.g., report upload fails) due to issues on the Codecov service side, the CI is configured to pass even if the Codecov task failed. Therefore, developers are advised to check the code coverage levels periodically and take corrective actions if the coverage level falls below desired levels.</p> <p>To enable Codecov for forks of this project, follow the steps given in <a href="https://se-education.org/guides/tutorials/codecov.html">this se-edu guide</a>.</p> <h3 id="repository-wide-checks">Repository-wide checks<a href="#repository-wide-checks" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>In addition to running Gradle checks, CI includes some repository-wide checks. Unlike the Gradle checks which only cover files used in the build process, these repository-wide checks cover all files in the repository. They check for repository rules which are hard to enforce on development machines such as line ending requirements.</p> <p>These checks are implemented as POSIX shell scripts, and thus can only be run on POSIX-compliant operating systems such as macOS and Linux. To run all checks locally on these operating systems, execute the following in the repository root directory:</p> <p><code class="hljs inline no-lang">./config/travis/run-checks.sh</code></p> <p>Any warnings or errors will be printed out to the console.</p> <p><strong>If adding new checks:</strong></p> <ul><li><p>Checks are implemented as executable <code class="hljs inline no-lang">check-*</code> scripts within the <code class="hljs inline no-lang">.github</code> directory. The <code class="hljs inline no-lang">run-checks.sh</code> script will automatically pick up and run files named as such. That is, you can add more such files if you need and the CI will do the rest.</p></li> <li><p>Check scripts should print out errors in the format <code class="hljs inline no-lang">SEVERITY:FILENAME:LINE: MESSAGE</code></p> <ul><li>SEVERITY is either ERROR or WARN.</li> <li>FILENAME is the path to the file relative to the current directory.</li> <li>LINE is the line of the file where the error occurred and MESSAGE is the message explaining the error.</li></ul></li> <li><p>Check scripts must exit with a non-zero exit code if any errors occur.</p></li></ul> <hr> <h2 id="making-a-release">Making a release<a href="#making-a-release" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Here are the steps to create a new release.</p> <ol><li>Update the version number in <a href="https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/MainApp.java"><code class="hljs inline no-lang">MainApp.java</code></a>.</li> <li>Generate a fat JAR file using Gradle (i.e., <code class="hljs inline no-lang">gradlew shadowJar</code>).</li> <li>Tag the repo with the version number. e.g. <code class="hljs inline no-lang">v0.1</code></li> <li><a href="https://help.github.com/articles/creating-releases/">Create a new release using GitHub</a>. Upload the JAR file you created.</li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#devops-guide" data-v-e6005420>DevOps guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#build-automation" data-v-e6005420>Build automation‎</a> <a class="nav-link py-1" href="#continuous-integration-ci" data-v-e6005420>Continuous integration (CI)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#code-coverage" data-v-e6005420>Code coverage‎</a> <a class="nav-link py-1" href="#repository-wide-checks" data-v-e6005420>Repository-wide checks‎</a></nav> <a class="nav-link py-1" href="#making-a-release" data-v-e6005420>Making a release‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/DevOps.page-vue-render.js b/DevOps.page-vue-render.js
index a19fced32c7..e9432d69947 100644
--- a/DevOps.page-vue-render.js
+++ b/DevOps.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"devops-guide"}},[_v("DevOps guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#devops-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_c('h2',{attrs:{"id":"build-automation"}},[_v("Build automation"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#build-automation","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("This project uses Gradle for "),_c('strong',[_v("build automation and dependency management")]),_v(". "),_c('strong',[_v("You are recommended to read "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/gradle.html"}},[_v("this Gradle Tutorial from the se-edu/guides")])]),_v(".")]),_v(" "),_c('p',[_v("Given below are how to use Gradle for some important project tasks.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clean")])]),_v(": Deletes the files created during the previous build tasks (e.g. files in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("build")]),_v(" folder)."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew clean")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("shadowJar")])]),_v(": Uses the ShadowJar plugin to creat a fat JAR file in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("build/lib")]),_v(" folder, "),_c('em',[_v("if the current file is outdated")]),_v("."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew shadowJar")]),_v(".")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("run")])]),_v(": Builds and runs the application."),_c('br'),_v(" "),_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("runShadow")])]),_v(": Builds the application as a fat JAR, and then runs it.")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("checkstyleMain")])]),_v(": Runs the code style check for the main code base."),_c('br'),_v(" "),_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("checkstyleTest")])]),_v(": Runs the code style check for the test code base.")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("test")])]),_v(": Runs all tests.")]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew test")]),_v(" — Runs all tests")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew clean test")]),_v(" — Cleans the project and runs tests")])])])]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"continuous-integration-ci"}},[_v("Continuous integration (CI)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#continuous-integration-ci","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("This project uses GitHub Actions for CI. The project comes with the necessary GitHub Actions configurations files (in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(".github/workflows")]),_v(" folder). No further setting up required.")]),_v(" "),_c('h3',{attrs:{"id":"code-coverage"}},[_v("Code coverage"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#code-coverage","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("As part of CI, this project uses Codecov to generate coverage reports. When CI runs, it will generate code coverage data (based on the tests run by CI) and upload that data to the CodeCov website, which in turn can provide you more info about the coverage of your tests.")]),_v(" "),_c('p',[_v("However, because Codecov is known to run into intermittent problems (e.g., report upload fails) due to issues on the Codecov service side, the CI is configured to pass even if the Codecov task failed. Therefore, developers are advised to check the code coverage levels periodically and take corrective actions if the coverage level falls below desired levels.")]),_v(" "),_c('p',[_v("To enable Codecov for forks of this project, follow the steps given in "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/codecov.html"}},[_v("this se-edu guide")]),_v(".")]),_v(" "),_c('h3',{attrs:{"id":"repository-wide-checks"}},[_v("Repository-wide checks"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#repository-wide-checks","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("In addition to running Gradle checks, CI includes some repository-wide checks. Unlike the Gradle checks which only cover files used in the build process, these repository-wide checks cover all files in the repository. They check for repository rules which are hard to enforce on development machines such as line ending requirements.")]),_v(" "),_c('p',[_v("These checks are implemented as POSIX shell scripts, and thus can only be run on POSIX-compliant operating systems such as macOS and Linux. To run all checks locally on these operating systems, execute the following in the repository root directory:")]),_v(" "),_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./config/travis/run-checks.sh")])]),_v(" "),_c('p',[_v("Any warnings or errors will be printed out to the console.")]),_v(" "),_c('p',[_c('strong',[_v("If adding new checks:")])]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("Checks are implemented as executable "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("check-*")]),_v(" scripts within the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(".github")]),_v(" directory. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("run-checks.sh")]),_v(" script will automatically pick up and run files named as such. That is, you can add more such files if you need and the CI will do the rest.")])]),_v(" "),_c('li',[_c('p',[_v("Check scripts should print out errors in the format "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SEVERITY:FILENAME:LINE: MESSAGE")])]),_v(" "),_c('ul',[_c('li',[_v("SEVERITY is either ERROR or WARN.")]),_v(" "),_c('li',[_v("FILENAME is the path to the file relative to the current directory.")]),_v(" "),_c('li',[_v("LINE is the line of the file where the error occurred and MESSAGE is the message explaining the error.")])])]),_v(" "),_c('li',[_c('p',[_v("Check scripts must exit with a non-zero exit code if any errors occur.")])])]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"making-a-release"}},[_v("Making a release"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#making-a-release","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Here are the steps to create a new release.")]),_v(" "),_c('ol',[_c('li',[_v("Update the version number in "),_c('a',{attrs:{"href":"https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/MainApp.java"}},[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("MainApp.java")])]),_v(".")]),_v(" "),_c('li',[_v("Generate a fat JAR file using Gradle (i.e., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("gradlew shadowJar")]),_v(").")]),_v(" "),_c('li',[_v("Tag the repo with the version number. e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("v0.1")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://help.github.com/articles/creating-releases/"}},[_v("Create a new release using GitHub")]),_v(". Upload the JAR file you created.")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DeveloperGuide.html b/DeveloperGuide.html
index 8f287f97624..8cbc60583c3 100644
--- a/DeveloperGuide.html
+++ b/DeveloperGuide.html
@@ -110,7 +110,7 @@
 student, student score and graded components who related to each other. For example, a student score belongs to a student and a graded components,
 and every student and graded component entity contains a list of student scores.</p> <p>In the implementation, we have carefully considered the interconnectedness of the entities and made sure that our features
 addresses the relationships. For example, when a student is deleted from the database, all student scores related to this student will be deleted
-as well, as it is pointless to keep them when they belong to no student.</p> <h2 id="appendix-planned-enhancements"><strong>Appendix: Planned Enhancements</strong><a href="#appendix-planned-enhancements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Support special characters in student name parameter as some people's legal name do include some special characters(e.g. &quot;s/o&quot;).</li> <li>Allow the Student List Panel, Student Score List Panel and Graded Component List Panel to automatically scroll down when adding new Student, Student Grade or Graded Component.</li> <li>Include visualisation of statistics by plotting graphs.</li> <li>Support more flexible search methods that find the entity of interest despite small inaccuracies(e.g. typo) in the search keyword.</li> <li>Support storage and display of student photos to help the professors recognise and identify their students.</li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#modulight-developer-guide" data-v-e6005420>ModuLight Developer Guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#acknowledgements" data-v-e6005420>Acknowledgements‎</a> <a class="nav-link py-1" href="#setting-up-getting-started" data-v-e6005420>Setting up, getting started‎</a> <a class="nav-link py-1" href="#design" data-v-e6005420>Design‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#architecture" data-v-e6005420>Architecture‎</a> <a class="nav-link py-1" href="#ui-component" data-v-e6005420>UI component‎</a> <a class="nav-link py-1" href="#logic-component" data-v-e6005420>Logic component‎</a> <a class="nav-link py-1" href="#model-component" data-v-e6005420>Model component‎</a> <a class="nav-link py-1" href="#storage-component" data-v-e6005420>Storage component‎</a> <a class="nav-link py-1" href="#common-classes" data-v-e6005420>Common classes‎</a></nav> <a class="nav-link py-1" href="#implementation" data-v-e6005420>Implementation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-student" data-v-e6005420>Add Student‎</a> <a class="nav-link py-1" href="#edit-student" data-v-e6005420>Edit Student‎</a> <a class="nav-link py-1" href="#find-commands" data-v-e6005420>Find Commands‎</a> <a class="nav-link py-1" href="#list-commands" data-v-e6005420>List Commands‎</a> <a class="nav-link py-1" href="#add-graded-component" data-v-e6005420>Add Graded Component‎</a> <a class="nav-link py-1" href="#edit-graded-component" data-v-e6005420>Edit Graded Component‎</a> <a class="nav-link py-1" href="#delete-graded-component" data-v-e6005420>Delete Graded Component‎</a> <a class="nav-link py-1" href="#sort-commands" data-v-e6005420>Sort Commands‎</a> <a class="nav-link py-1" href="#stats-commands" data-v-e6005420>Stats Commands‎</a> <a class="nav-link py-1" href="#auto-grading" data-v-e6005420>Auto-grading‎</a> <a class="nav-link py-1" href="#proposed-undo-redo-feature" data-v-e6005420>[Proposed] Undo/redo feature‎</a></nav> <a class="nav-link py-1" href="#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops‎</a> <a class="nav-link py-1" href="#appendix-requirements" data-v-e6005420>Appendix: Requirements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#product-scope" data-v-e6005420>Product scope‎</a> <a class="nav-link py-1" href="#user-stories" data-v-e6005420>User stories‎</a> <a class="nav-link py-1" href="#use-cases" data-v-e6005420>Use cases‎</a> <a class="nav-link py-1" href="#non-functional-requirements" data-v-e6005420>Non-Functional Requirements‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a></nav> <a class="nav-link py-1" href="#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#launch-and-shutdown" data-v-e6005420>Launch and shutdown‎</a> <a class="nav-link py-1" href="#adding-a-student" data-v-e6005420>Adding a student‎</a> <a class="nav-link py-1" href="#deleting-a-student" data-v-e6005420>Deleting a student‎</a> <a class="nav-link py-1" href="#finding-a-student" data-v-e6005420>Finding a student‎</a> <a class="nav-link py-1" href="#sorting-students" data-v-e6005420>Sorting Students‎</a> <a class="nav-link py-1" href="#sorting-student-scores" data-v-e6005420>Sorting Student Scores‎</a> <a class="nav-link py-1" href="#calculating-statistics" data-v-e6005420>Calculating Statistics‎</a> <a class="nav-link py-1" href="#saving-and-loading-data" data-v-e6005420>Saving and Loading data‎</a></nav> <a class="nav-link py-1" href="#appendix-effort" data-v-e6005420>Appendix: Effort‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#challenges" data-v-e6005420>Challenges‎</a></nav> <a class="nav-link py-1" href="#appendix-planned-enhancements" data-v-e6005420>Appendix: Planned Enhancements‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+as well, as it is pointless to keep them when they belong to no student.</p> <h2 id="appendix-planned-enhancements"><strong>Appendix: Planned Enhancements</strong><a href="#appendix-planned-enhancements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Support special characters in student name parameter as some people's legal name do include some special characters(e.g. &quot;s/o&quot;).</li> <li>Allow the Student List Panel, Student Score List Panel and Graded Component List Panel to automatically scroll down when adding new Student, Student Grade or Graded Component.</li> <li>Include visualisation of statistics by plotting graphs.</li> <li>Support more flexible search methods that find the entity of interest despite small inaccuracies(e.g. typo) in the search keyword.</li> <li>Support storage and display of student photos to help the professors recognise and identify their students.</li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#modulight-developer-guide" data-v-e6005420>ModuLight Developer Guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#acknowledgements" data-v-e6005420>Acknowledgements‎</a> <a class="nav-link py-1" href="#setting-up-getting-started" data-v-e6005420>Setting up, getting started‎</a> <a class="nav-link py-1" href="#design" data-v-e6005420>Design‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#architecture" data-v-e6005420>Architecture‎</a> <a class="nav-link py-1" href="#ui-component" data-v-e6005420>UI component‎</a> <a class="nav-link py-1" href="#logic-component" data-v-e6005420>Logic component‎</a> <a class="nav-link py-1" href="#model-component" data-v-e6005420>Model component‎</a> <a class="nav-link py-1" href="#storage-component" data-v-e6005420>Storage component‎</a> <a class="nav-link py-1" href="#common-classes" data-v-e6005420>Common classes‎</a></nav> <a class="nav-link py-1" href="#implementation" data-v-e6005420>Implementation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-student" data-v-e6005420>Add Student‎</a> <a class="nav-link py-1" href="#edit-student" data-v-e6005420>Edit Student‎</a> <a class="nav-link py-1" href="#find-commands" data-v-e6005420>Find Commands‎</a> <a class="nav-link py-1" href="#list-commands" data-v-e6005420>List Commands‎</a> <a class="nav-link py-1" href="#add-graded-component" data-v-e6005420>Add Graded Component‎</a> <a class="nav-link py-1" href="#edit-graded-component" data-v-e6005420>Edit Graded Component‎</a> <a class="nav-link py-1" href="#delete-graded-component" data-v-e6005420>Delete Graded Component‎</a> <a class="nav-link py-1" href="#sort-commands" data-v-e6005420>Sort Commands‎</a> <a class="nav-link py-1" href="#stats-commands" data-v-e6005420>Stats Commands‎</a> <a class="nav-link py-1" href="#auto-grading" data-v-e6005420>Auto-grading‎</a> <a class="nav-link py-1" href="#proposed-undo-redo-feature" data-v-e6005420>[Proposed] Undo/redo feature‎</a></nav> <a class="nav-link py-1" href="#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops‎</a> <a class="nav-link py-1" href="#appendix-requirements" data-v-e6005420>Appendix: Requirements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#product-scope" data-v-e6005420>Product scope‎</a> <a class="nav-link py-1" href="#user-stories" data-v-e6005420>User stories‎</a> <a class="nav-link py-1" href="#use-cases" data-v-e6005420>Use cases‎</a> <a class="nav-link py-1" href="#non-functional-requirements" data-v-e6005420>Non-Functional Requirements‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a></nav> <a class="nav-link py-1" href="#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#launch-and-shutdown" data-v-e6005420>Launch and shutdown‎</a> <a class="nav-link py-1" href="#adding-a-student" data-v-e6005420>Adding a student‎</a> <a class="nav-link py-1" href="#deleting-a-student" data-v-e6005420>Deleting a student‎</a> <a class="nav-link py-1" href="#finding-a-student" data-v-e6005420>Finding a student‎</a> <a class="nav-link py-1" href="#sorting-students" data-v-e6005420>Sorting Students‎</a> <a class="nav-link py-1" href="#sorting-student-scores" data-v-e6005420>Sorting Student Scores‎</a> <a class="nav-link py-1" href="#calculating-statistics" data-v-e6005420>Calculating Statistics‎</a> <a class="nav-link py-1" href="#saving-and-loading-data" data-v-e6005420>Saving and Loading data‎</a></nav> <a class="nav-link py-1" href="#appendix-effort" data-v-e6005420>Appendix: Effort‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#challenges" data-v-e6005420>Challenges‎</a></nav> <a class="nav-link py-1" href="#appendix-planned-enhancements" data-v-e6005420>Appendix: Planned Enhancements‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/DeveloperGuide.page-vue-render.js b/DeveloperGuide.page-vue-render.js
index 3a0566a109c..064381c704c 100644
--- a/DeveloperGuide.page-vue-render.js
+++ b/DeveloperGuide.page-vue-render.js
@@ -692,6 +692,6 @@ with(this){return _c('h2',{attrs:{"id":"appendix-planned-enhancements"}},[_c('st
 with(this){return _c('ol',[_c('li',[_v("Support special characters in student name parameter as some people's legal name do include some special characters(e.g. \"s/o\").")]),_v(" "),_c('li',[_v("Allow the Student List Panel, Student Score List Panel and Graded Component List Panel to automatically scroll down when adding new Student, Student Grade or Graded Component.")]),_v(" "),_c('li',[_v("Include visualisation of statistics by plotting graphs.")]),_v(" "),_c('li',[_v("Support more flexible search methods that find the entity of interest despite small inaccuracies(e.g. typo) in the search keyword.")]),_v(" "),_c('li',[_v("Support storage and display of student photos to help the professors recognise and identify their students.")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Documentation.html b/Documentation.html
index a96c083d429..b9ffd6a9035 100644
--- a/Documentation.html
+++ b/Documentation.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="documentation-guide">Documentation Guide<a href="#documentation-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We use <a href="https://markbind.org/"><strong>MarkBind</strong></a> to manage documentation.</li> <li>The <code class="hljs inline no-lang">docs/</code> folder contains the source files for the documentation website.</li> <li>To learn how set it up and maintain the project website, follow the guide <a href="https://se-education.org/guides/tutorials/markbind-forked-sites.html">[se-edu/guides] Working with Forked MarkBind sites</a> for project documentation.</li></ul> <p><strong>Style guidance:</strong></p> <ul><li>Follow the <a href="https://developers.google.com/style"><strong><em>Google developer documentation style guide</em></strong></a>.</li> <li>Also relevant is the <a href="https://se-education.org/guides/conventions/markdown.html"><em>se-edu/guides <strong>Markdown coding standard</strong></em></a>.</li></ul> <p><strong>Converting to PDF</strong></p> <ul><li>See the guide <a href="https://se-education.org/guides/tutorials/savingPdf.html"><em>se-edu/guides <strong>Saving web documents as PDF files</strong></em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#documentation-guide" data-v-e6005420>Documentation Guide‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="documentation-guide">Documentation Guide<a href="#documentation-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We use <a href="https://markbind.org/"><strong>MarkBind</strong></a> to manage documentation.</li> <li>The <code class="hljs inline no-lang">docs/</code> folder contains the source files for the documentation website.</li> <li>To learn how set it up and maintain the project website, follow the guide <a href="https://se-education.org/guides/tutorials/markbind-forked-sites.html">[se-edu/guides] Working with Forked MarkBind sites</a> for project documentation.</li></ul> <p><strong>Style guidance:</strong></p> <ul><li>Follow the <a href="https://developers.google.com/style"><strong><em>Google developer documentation style guide</em></strong></a>.</li> <li>Also relevant is the <a href="https://se-education.org/guides/conventions/markdown.html"><em>se-edu/guides <strong>Markdown coding standard</strong></em></a>.</li></ul> <p><strong>Converting to PDF</strong></p> <ul><li>See the guide <a href="https://se-education.org/guides/tutorials/savingPdf.html"><em>se-edu/guides <strong>Saving web documents as PDF files</strong></em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#documentation-guide" data-v-e6005420>Documentation Guide‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/Documentation.page-vue-render.js b/Documentation.page-vue-render.js
index 102e46264f0..4550b44015d 100644
--- a/Documentation.page-vue-render.js
+++ b/Documentation.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"documentation-guide"}},[_v("Documentation Guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#documentation-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("We use "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_c('strong',[_v("MarkBind")])]),_v(" to manage documentation.")]),_v(" "),_c('li',[_v("The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("docs/")]),_v(" folder contains the source files for the documentation website.")]),_v(" "),_c('li',[_v("To learn how set it up and maintain the project website, follow the guide "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/markbind-forked-sites.html"}},[_v("[se-edu/guides] Working with Forked MarkBind sites")]),_v(" for project documentation.")])]),_v(" "),_c('p',[_c('strong',[_v("Style guidance:")])]),_v(" "),_c('ul',[_c('li',[_v("Follow the "),_c('a',{attrs:{"href":"https://developers.google.com/style"}},[_c('strong',[_c('em',[_v("Google developer documentation style guide")])])]),_v(".")]),_v(" "),_c('li',[_v("Also relevant is the "),_c('a',{attrs:{"href":"https://se-education.org/guides/conventions/markdown.html"}},[_c('em',[_v("se-edu/guides "),_c('strong',[_v("Markdown coding standard")])])]),_v(".")])]),_v(" "),_c('p',[_c('strong',[_v("Converting to PDF")])]),_v(" "),_c('ul',[_c('li',[_v("See the guide "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/savingPdf.html"}},[_c('em',[_v("se-edu/guides "),_c('strong',[_v("Saving web documents as PDF files")])])]),_v(".")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Logging.html b/Logging.html
index a1735d4c132..88bdf0dae44 100644
--- a/Logging.html
+++ b/Logging.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="logging-guide">Logging guide<a href="#logging-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We are using <code class="hljs inline no-lang">java.util.logging</code> package for logging.</li> <li>The <code class="hljs inline no-lang">LogsCenter</code> class is used to manage the logging levels and logging destinations.</li> <li>The <code class="hljs inline no-lang">Logger</code> for a class can be obtained using <code class="hljs inline no-lang">LogsCenter.getLogger(Class)</code> which will log messages according to the specified logging level.</li> <li>Log messages are output through the console and to a <code class="hljs inline no-lang">.log</code> file.</li> <li>The output logging level can be controlled using the <code class="hljs inline no-lang">logLevel</code> setting in the configuration file (See the <a href="/tp/Configuration.html">Configuration guide</a> section).</li> <li><strong>When choosing a level for a log message</strong>, follow the conventions given in <a href="https://se-education.org/guides/conventions/java/logging.html"><em>[se-edu/guides] Java: Logging conventions</em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="logging-guide">Logging guide<a href="#logging-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We are using <code class="hljs inline no-lang">java.util.logging</code> package for logging.</li> <li>The <code class="hljs inline no-lang">LogsCenter</code> class is used to manage the logging levels and logging destinations.</li> <li>The <code class="hljs inline no-lang">Logger</code> for a class can be obtained using <code class="hljs inline no-lang">LogsCenter.getLogger(Class)</code> which will log messages according to the specified logging level.</li> <li>Log messages are output through the console and to a <code class="hljs inline no-lang">.log</code> file.</li> <li>The output logging level can be controlled using the <code class="hljs inline no-lang">logLevel</code> setting in the configuration file (See the <a href="/tp/Configuration.html">Configuration guide</a> section).</li> <li><strong>When choosing a level for a log message</strong>, follow the conventions given in <a href="https://se-education.org/guides/conventions/java/logging.html"><em>[se-edu/guides] Java: Logging conventions</em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/Logging.page-vue-render.js b/Logging.page-vue-render.js
index 7eacfa690d6..88665542dc4 100644
--- a/Logging.page-vue-render.js
+++ b/Logging.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"logging-guide"}},[_v("Logging guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#logging-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("We are using "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("java.util.logging")]),_v(" package for logging.")]),_v(" "),_c('li',[_v("The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("LogsCenter")]),_v(" class is used to manage the logging levels and logging destinations.")]),_v(" "),_c('li',[_v("The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Logger")]),_v(" for a class can be obtained using "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("LogsCenter.getLogger(Class)")]),_v(" which will log messages according to the specified logging level.")]),_v(" "),_c('li',[_v("Log messages are output through the console and to a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(".log")]),_v(" file.")]),_v(" "),_c('li',[_v("The output logging level can be controlled using the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("logLevel")]),_v(" setting in the configuration file (See the "),_c('a',{attrs:{"href":"/tp/Configuration.html"}},[_v("Configuration guide")]),_v(" section).")]),_v(" "),_c('li',[_c('strong',[_v("When choosing a level for a log message")]),_v(", follow the conventions given in "),_c('a',{attrs:{"href":"https://se-education.org/guides/conventions/java/logging.html"}},[_c('em',[_v("[se-edu/guides] Java: Logging conventions")])]),_v(".")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/SettingUp.html b/SettingUp.html
index 9ea3f198d8c..53a1f9053c8 100644
--- a/SettingUp.html
+++ b/SettingUp.html
@@ -30,7 +30,7 @@
 </div> <!----></div></div></div></li> <li><strong>Verify the setup</strong>:
 <ol><li>Run the <code class="hljs inline no-lang">seedu.modulight.Main</code> and try a few commands.</li> <li><a href="/tp/Testing.html">Run the tests</a> to ensure they all pass.</li></ol></li></ol> <hr> <h2 id="before-writing-code">Before writing code<a href="#before-writing-code" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p><strong>Configure the coding style</strong></p> <p>If using IDEA, follow the guide <a href="https://se-education.org/guides/tutorials/intellijCodeStyle.html"><em>[se-edu/guides] IDEA: Configuring the code style</em></a> to set up IDEA's coding style to match ours.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Tip:</strong>
 Optionally, you can follow the guide <a href="https://se-education.org/guides/tutorials/checkstyle.html" data-v-4d146e2c><em data-v-4d146e2c>[se-edu/guides] Using Checkstyle</em></a> to find how to use the CheckStyle within IDEA e.g., to report problems <em data-v-4d146e2c>as</em> you write code.</p></div> <!----></div></div></div></li> <li><p><strong>Set up CI</strong></p> <p>This project comes with a GitHub Actions config files (in <code class="hljs inline no-lang">.github/workflows</code> folder). When GitHub detects those files, it will run the CI for your project automatically at each push to the <code class="hljs inline no-lang">master</code> branch or to any PR. No set up required.</p></li> <li><p><strong>Learn the design</strong></p> <p>When you are ready to start coding, we recommend that you get some sense of the overall design by reading about <a href="/tp/DeveloperGuide.html#architecture">AddressBook’s architecture</a>.</p></li> <li><p><strong>Do the tutorials</strong>
-These tutorials will help you get acquainted with the codebase.</p> <ul><li><a href="/tp/tutorials/TracingCode.html">Tracing code</a></li> <li><a href="/tp/tutorials/AddRemark.html">Adding a new command</a></li> <li><a href="/tp/tutorials/RemovingFields.html">Removing fields</a></li></ul></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-and-getting-started" data-v-e6005420>Setting up and getting started‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-the-project-in-your-computer" data-v-e6005420>Setting up the project in your computer‎</a> <a class="nav-link py-1" href="#before-writing-code" data-v-e6005420>Before writing code‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+These tutorials will help you get acquainted with the codebase.</p> <ul><li><a href="/tp/tutorials/TracingCode.html">Tracing code</a></li> <li><a href="/tp/tutorials/AddRemark.html">Adding a new command</a></li> <li><a href="/tp/tutorials/RemovingFields.html">Removing fields</a></li></ul></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-and-getting-started" data-v-e6005420>Setting up and getting started‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-the-project-in-your-computer" data-v-e6005420>Setting up the project in your computer‎</a> <a class="nav-link py-1" href="#before-writing-code" data-v-e6005420>Before writing code‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/SettingUp.page-vue-render.js b/SettingUp.page-vue-render.js
index 11097cf74c1..1903ec4d563 100644
--- a/SettingUp.page-vue-render.js
+++ b/SettingUp.page-vue-render.js
@@ -41,6 +41,6 @@ with(this){return _c('li',[_c('p',[_c('strong',[_v("Learn the design")])]),_v("
 with(this){return _c('li',[_c('p',[_c('strong',[_v("Do the tutorials")]),_v("\nThese tutorials will help you get acquainted with the codebase.")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"/tp/tutorials/TracingCode.html"}},[_v("Tracing code")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"/tp/tutorials/AddRemark.html"}},[_v("Adding a new command")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"/tp/tutorials/RemovingFields.html"}},[_v("Removing fields")])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Testing.html b/Testing.html
index 8bfaacc7be2..fa24436e763 100644
--- a/Testing.html
+++ b/Testing.html
@@ -28,7 +28,7 @@
 test class, or a test and choose <code class="hljs inline no-lang">Run 'ABC'</code></li></ul></li> <li><strong>Method 2: Using Gradle</strong> <ul><li>Open a console and run the command <code class="hljs inline no-lang">gradlew clean test</code> (Mac/Linux: <code class="hljs inline no-lang">./gradlew clean test</code>)</li></ul></li></ul> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Link</strong>: Read <a href="https://se-education.org/guides/tutorials/gradle.html" data-v-4d146e2c>this Gradle Tutorial from the se-edu/guides</a> to learn more about using Gradle.</p></div> <!----></div></div></div> <hr> <h2 id="types-of-tests">Types of tests<a href="#types-of-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project has three types of tests:</p> <ol><li><em>Unit tests</em> targeting the lowest level methods/classes.<br>
 e.g. <code class="hljs inline no-lang">seedu.modulight.commons.StringUtilTest</code></li> <li><em>Integration tests</em> that are checking the integration of multiple code units (those code units are assumed to be working).<br>
 e.g. <code class="hljs inline no-lang">seedu.modulight.storage.StorageManagerTest</code></li> <li>Hybrids of unit and integration tests. These test are checking multiple code units as well as how the are connected together.<br>
-e.g. <code class="hljs inline no-lang">seedu.modulight.logic.LogicManagerTest</code></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#testing-guide" data-v-e6005420>Testing guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#running-tests" data-v-e6005420>Running tests‎</a> <a class="nav-link py-1" href="#types-of-tests" data-v-e6005420>Types of tests‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+e.g. <code class="hljs inline no-lang">seedu.modulight.logic.LogicManagerTest</code></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#testing-guide" data-v-e6005420>Testing guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#running-tests" data-v-e6005420>Running tests‎</a> <a class="nav-link py-1" href="#types-of-tests" data-v-e6005420>Types of tests‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/Testing.page-vue-render.js b/Testing.page-vue-render.js
index 07597209ac2..260fafb2781 100644
--- a/Testing.page-vue-render.js
+++ b/Testing.page-vue-render.js
@@ -20,6 +20,6 @@ with(this){return _c('h2',{attrs:{"id":"types-of-tests"}},[_v("Types of tests"),
 with(this){return _c('ol',[_c('li',[_c('em',[_v("Unit tests")]),_v(" targeting the lowest level methods/classes."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("seedu.modulight.commons.StringUtilTest")])]),_v(" "),_c('li',[_c('em',[_v("Integration tests")]),_v(" that are checking the integration of multiple code units (those code units are assumed to be working)."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("seedu.modulight.storage.StorageManagerTest")])]),_v(" "),_c('li',[_v("Hybrids of unit and integration tests. These test are checking multiple code units as well as how the are connected together."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("seedu.modulight.logic.LogicManagerTest")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/UserGuide.html b/UserGuide.html
index a4046c8caf2..282b0f988b1 100644
--- a/UserGuide.html
+++ b/UserGuide.html
@@ -67,7 +67,7 @@
 measures: <code class="hljs inline no-lang">mean</code>, <code class="hljs inline no-lang">standardDeviation</code>, <code class="hljs inline no-lang">upperQuartile</code>, <code class="hljs inline no-lang">lowerQuartile</code>, <code class="hljs inline no-lang">max</code>, <code class="hljs inline no-lang">min</code>, <code class="hljs inline no-lang">skewness</code>.</li> <li>For the calculation of upper and lower quartile, we use Method 4 introduced
 in <a href="https://en.wikipedia.org/wiki/Quartile">Wikipedia</a>.</li> <li>If there is only valid score matching the criteria, skewness will be displayed as <code class="hljs inline no-lang">NaN</code> because skewness for one data
 is meaningless.</li> <li>Multiple stats keywords are allowed, but only 0 or 1 tutorial group keyword is allowed.</li></ul> <p>Examples:</p> <ul><li><code class="hljs inline no-lang">compStats st/upperQuartile st/lowerQuartile c/Midterm</code> returns the upper and lower quartile of the
-student grades in Midterm.</li></ul> <h2 id="other-commands">Other Commands<a href="#other-commands" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="viewing-help-help">Viewing help : <code class="hljs inline no-lang">help</code><a href="#viewing-help-help" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Shows a message explaining how to access the help page.</p> <p><a href="/tp/images/helpMessage.png" target="_self"><img src="/tp/images/helpMessage.png" alt="help message" class="img-fluid"></a></p> <p>Format: <code class="hljs inline no-lang">help</code></p> <h3 id="list-all-listall">List all : <code class="hljs inline no-lang">listAll</code><a href="#list-all-listall" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Shows all students, student scores and graded components in their lists respectively. This removes all the filter applied from the find command.</p> <p>Format: <code class="hljs inline no-lang">listAll</code></p> <p>Example: <code class="hljs inline no-lang">listAll</code></p> <h3 id="clearing-all-entries-clearall">Clearing all entries : <code class="hljs inline no-lang">clearAll</code><a href="#clearing-all-entries-clearall" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Clears all data from ModuLight.</p> <p>Format: <code class="hljs inline no-lang">clearAll</code></p> <ul><li>The clearing process is irreversible.</li></ul> <h3 id="exiting-the-program-exit">Exiting the program : <code class="hljs inline no-lang">exit</code><a href="#exiting-the-program-exit" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Exits the program.</p> <p>Format: <code class="hljs inline no-lang">exit</code></p> <h3 id="saving-the-data">Saving the data<a href="#saving-the-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ModuLight data is saved in the hard disk automatically after any command that changes the data. There is no need to save manually.</p> <h3 id="loading-the-previous-data">Loading the previous data<a href="#loading-the-previous-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>There is no need to manually load data stored on the hard disc. It will be available automatically everytime the program starts.</p> <hr> <h2 id="command-summary">Command summary<a href="#command-summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Action</th> <th>Format, Examples</th></tr></thead> <tbody><tr><td><strong>Add a student</strong></td> <td><code class="hljs inline no-lang">addStu s/STUDENT_NO n/NAME e/EMAIL [g/TUTORIAL_GRP] [t/tags…]</code> <br> e.g., <code class="hljs inline no-lang">addStu s/A1234567Y n/Andy Ong g/T03 e/andy_ong@u.nus.edu</code></td></tr> <tr><td><strong>Add a graded component</strong></td> <td><code class="hljs inline no-lang">addComp c/COMP_NAME w/WEIGHTAGE mm/MAX_MARKS</code> <br> e.g., <code class="hljs inline no-lang">addComp c/Midterm w/30 mm/70</code></td></tr> <tr><td><strong>Edit a student</strong></td> <td><code class="hljs inline no-lang">editStu INDEX [s/STUDENT_NO] [g/TUTORIAL_GRP] [n/NAME] [e/EMAIL] [t/tags…]​</code> <br> e.g., <code class="hljs inline no-lang">editStu 1 s/A1234567Y g/T03</code></td></tr> <tr><td><strong>Edit a graded component</strong></td> <td><code class="hljs inline no-lang">editComp INDEX [c/COMP_NAME] [w/WEIGHTAGE] [mm/MAX_MARKS]</code> <br> e.g., <code class="hljs inline no-lang">editComp 1 c/Midterms mm/55</code></td></tr> <tr><td><strong>Edit a student score</strong></td> <td><code class="hljs inline no-lang">editScore INDEX [m/SCORE] [x/comment]</code> <br> e.g., <code class="hljs inline no-lang">editScore 1 m/57</code></td></tr> <tr><td><strong>Delete a student</strong></td> <td><code class="hljs inline no-lang">deleteStu INDEX</code> <br> e.g., <code class="hljs inline no-lang">deleteStu 2</code></td></tr> <tr><td><strong>Delete a graded component</strong></td> <td><code class="hljs inline no-lang">deleteComp INDEX</code> <br> e.g., <code class="hljs inline no-lang">deleteComp 1</code></td></tr> <tr><td><strong>Delete everything</strong></td> <td><code class="hljs inline no-lang">clearAll</code></td></tr> <tr><td><strong>Find a student</strong></td> <td><code class="hljs inline no-lang">findStu [s/STUDENT_NO...] [n/NAME...] [e/EMAIL...] [g/TUTORIAL_GRP...] [t/TAG...]</code><br> e.g., <code class="hljs inline no-lang">findStu n/Alice n/Bob g/T01</code></td></tr> <tr><td><strong>Find a graded component</strong></td> <td><code class="hljs inline no-lang">findComp [c/COMP_NAME]</code><br> e.g., <code class="hljs inline no-lang">findComp c/Midterms</code></td></tr> <tr><td><strong>Find a student score</strong></td> <td><code class="hljs inline no-lang">findScore  [s/STUDENT_NO] [n/NAME] [e/EMAIL] [g/TUTORIAL_GRP] [c/COMP_NAME][x/comments][t/tags]...</code><br> e.g., <code class="hljs inline no-lang">findScore c/Midterms</code></td></tr> <tr><td><strong>List all students, scores and graded components</strong></td> <td><code class="hljs inline no-lang">listAll</code></td></tr> <tr><td><strong>Sort student</strong></td> <td><code class="hljs inline no-lang">sortStu [o/SORTING_ORDER] [r/REVERSE_ORDER]</code> <br> e.g., <code class="hljs inline no-lang">sortStu o/name r/true</code></td></tr> <tr><td><strong>Sort student score</strong></td> <td><code class="hljs inline no-lang">sortScore [o/SORTING_ORDER] [r/REVERSE_ORDER]</code> <br> e.g., <code class="hljs inline no-lang">sortScore o/name r/true</code></td></tr> <tr><td><strong>Auto grading all the students</strong></td> <td><code class="hljs inline no-lang">autoGrade ag/METHOD pg/PASING_VALUE</code> <br> e.g., <code class="hljs inline no-lang">autoGrade ag/absolute pg/95 80 70 55 40 20</code></td></tr> <tr><td><strong>Calculate overall statistics</strong></td> <td><code class="hljs inline no-lang">stats [st/STATS] [g/TUTORIAL_GRP]</code> <br> e.g., <code class="hljs inline no-lang">stats st/upperQuartile st/lowerQuartile g/T01</code></td></tr> <tr><td><strong>Calculate component statistics</strong></td> <td><code class="hljs inline no-lang">compStats [c/COMP_NAME] [st/STATS] [g/TUTORIAL_GRP]</code> <br> e.g., <code class="hljs inline no-lang">compStats c/midterm st/upperQuartile st/lowerQuartile</code></td></tr> <tr><td><strong>Help</strong></td> <td><code class="hljs inline no-lang">help</code></td></tr></tbody></table></div><hr> <h2 id="faq">FAQ<a href="#faq" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p><strong>Q</strong>: How do I transfer my data to another Computer?<br> <strong>A</strong>: Install the app in the other computer and overwrite the empty data file it creates with the file that contains the data of your previous ModuLight home folder.</p></li> <li><p><strong>Q</strong>: How does the calculation of scores work?<br> <strong>A</strong>: Refer to the <a href="#notes-on-score-calculation">notes on score calculations</a>.</p></li> <li><p><strong>Q</strong>: Does the display update information (e.g. name, mean) in real time?<br> <strong>A</strong>: Yes.</p></li> <li><p><strong>Q</strong>: Why should I avoid entering numbers with more than 2 decimal places of precision?<br> <strong>A</strong>: Numerical errors have been known to occur due to the limits of floating-point precision on computers.</p></li> <li><p><strong>Q</strong>: What should I do if the application GUI opens off-screen when switching from multiple screens to a single screen?<br> <strong>A</strong>: If you move the application to a secondary screen and later switch to using only the primary screen, the GUI may open off-screen. To resolve this issue, delete the <code class="hljs inline no-lang">preferences.json</code> file created by the application before running it again. This ensures that the GUI is properly displayed on the primary screen.</p></li> <li><p><strong>Q</strong>: How do I open a terminal?<br> <strong>A</strong>: It depends on the operating system.</p> <ul><li><strong>Mac</strong>: Open launchpad and search for terminal. Click the app icon to open terminal.</li> <li><strong>Windows</strong>: In Windows Search, search for terminal and select Windows Terminal from the search results.</li></ul></li></ol> <hr> <h2 id="glossary">Glossary<a href="#glossary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="definitions">Definitions<a href="#definitions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Term</th> <th>Definition</th></tr></thead> <tbody><tr><td>Command</td> <td>An input written by the user to tell Modulight to perform a certain action.</td></tr> <tr><td>Command Terminal</td> <td>A text input and output environment that allows us to enter commands that the computer processes.</td></tr> <tr><td>Parameter</td> <td>A value that must be inputted by the user to complete a command.</td></tr> <tr><td>Index</td> <td>A number that refers to the position of the components in an ordering. Modulight uses a 1-based index, which means the first number in an order is 1.</td></tr> <tr><td>Command Line Interface</td> <td>It is a text-based user interface that accepts text inputs to execute commands.</td></tr> <tr><td>Graphical User Interface</td> <td>It is a digital interface where the users interact with the system using graphical components, such as icons and buttons.</td></tr> <tr><td>User Interface</td> <td>It is the point in which a human user interacts with a computer. It can be a physical device or software program.</td></tr> <tr><td>Component</td> <td>A component is a part of the user interface.</td></tr> <tr><td>JSON file</td> <td>JavaScript Object Notation(JSON) is a file used for data storage in ModuLight. For more information, please refer to the guide <a href="https://www.oracle.com/sg/database/what-is-json/">here</a>.</td></tr> <tr><td>Alphanumeric</td> <td>A piece of alphanumeric text should consist of only alphabets and numeric values. For instance,  the text “ABC11” is alphanumeric whereas “(**)” is not.</td></tr> <tr><td>Domain</td> <td>A domain is a digital address of a website. For emails, domain is the web address that comes after the @ symbol. For example, the domain in the email address <a href="mailto:123@gmail.com">123@gmail.com</a> is gmail.com</td></tr></tbody></table></div></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#user-guide-modulight" data-v-e6005420>User Guide: ModuLight‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#welcome-to-modulight" data-v-e6005420>Welcome to ModuLight‎</a> <a class="nav-link py-1" href="#how-to-use-this-guide" data-v-e6005420>How to use this guide‎</a> <a class="nav-link py-1" href="#quick-start" data-v-e6005420>Quick start‎</a> <a class="nav-link py-1" href="#parameter-information" data-v-e6005420>Parameter Information‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#student-parameters" data-v-e6005420>Student Parameters‎</a> <a class="nav-link py-1" href="#graded-component-parameters" data-v-e6005420>Graded Component Parameters‎</a> <a class="nav-link py-1" href="#student-score-parameters" data-v-e6005420>Student Score Parameters‎</a> <a class="nav-link py-1" href="#command-related-parameters" data-v-e6005420>Command Related Parameters‎</a></nav> <a class="nav-link py-1" href="#navigating-the-graphical-user-interface-gui" data-v-e6005420>Navigating the Graphical User Interface (GUI)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#quick-orientation" data-v-e6005420>Quick Orientation:‎</a></nav> <a class="nav-link py-1" href="#command-format" data-v-e6005420>Command Format‎</a> <a class="nav-link py-1" href="#features" data-v-e6005420>Features‎</a> <a class="nav-link py-1" href="#add-commands" data-v-e6005420>Add Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-a-student-addstu" data-v-e6005420>Add a student: addStu‎</a> <a class="nav-link py-1" href="#add-a-graded-component-addcomp" data-v-e6005420>Add a graded component: addComp‎</a></nav> <a class="nav-link py-1" href="#edit-commands" data-v-e6005420>Edit Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#edit-a-student-editstu" data-v-e6005420>Edit a student : editStu‎</a> <a class="nav-link py-1" href="#edit-a-graded-component-editcomp" data-v-e6005420>Edit a graded component: editComp‎</a> <a class="nav-link py-1" href="#edit-student-score-editscore" data-v-e6005420>Edit student score: editScore‎</a></nav> <a class="nav-link py-1" href="#delete-commands" data-v-e6005420>Delete Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#delete-a-student-deletestu" data-v-e6005420>Delete a student : deleteStu‎</a> <a class="nav-link py-1" href="#delete-a-graded-component-deletecomp" data-v-e6005420>Delete a graded component: deleteComp‎</a></nav> <a class="nav-link py-1" href="#find-commands" data-v-e6005420>Find Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#parameters" data-v-e6005420>Parameters‎</a> <a class="nav-link py-1" href="#find-students-findstu" data-v-e6005420>Find students: findStu‎</a> <a class="nav-link py-1" href="#find-students-findcomp" data-v-e6005420>Find students : findComp‎</a> <a class="nav-link py-1" href="#find-students-findscore" data-v-e6005420>Find students : findScore‎</a></nav> <a class="nav-link py-1" href="#sort-commands" data-v-e6005420>Sort Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#sorting-students-sortstu" data-v-e6005420>Sorting students: sortStu‎</a> <a class="nav-link py-1" href="#sorting-students-scores-sortscore" data-v-e6005420>Sorting students scores: sortScore‎</a></nav> <a class="nav-link py-1" href="#statistics-and-auto-grading-commands" data-v-e6005420>Statistics and Auto Grading Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#auto-grading-all-the-students-autograde" data-v-e6005420>Auto grading all the students: autoGrade‎</a> <a class="nav-link py-1" href="#calculating-overall-statistics-stats" data-v-e6005420>Calculating overall statistics: stats‎</a> <a class="nav-link py-1" href="#calculating-statistics-of-a-graded-component-compstats" data-v-e6005420>Calculating statistics of a graded component : compStats‎</a></nav> <a class="nav-link py-1" href="#other-commands" data-v-e6005420>Other Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#viewing-help-help" data-v-e6005420>Viewing help : help‎</a> <a class="nav-link py-1" href="#list-all-listall" data-v-e6005420>List all : listAll‎</a> <a class="nav-link py-1" href="#clearing-all-entries-clearall" data-v-e6005420>Clearing all entries : clearAll‎</a> <a class="nav-link py-1" href="#exiting-the-program-exit" data-v-e6005420>Exiting the program : exit‎</a> <a class="nav-link py-1" href="#saving-the-data" data-v-e6005420>Saving the data‎</a> <a class="nav-link py-1" href="#loading-the-previous-data" data-v-e6005420>Loading the previous data‎</a></nav> <a class="nav-link py-1" href="#command-summary" data-v-e6005420>Command summary‎</a> <a class="nav-link py-1" href="#faq" data-v-e6005420>FAQ‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#definitions" data-v-e6005420>Definitions‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+student grades in Midterm.</li></ul> <h2 id="other-commands">Other Commands<a href="#other-commands" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="viewing-help-help">Viewing help : <code class="hljs inline no-lang">help</code><a href="#viewing-help-help" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Shows a message explaining how to access the help page.</p> <p><a href="/tp/images/helpMessage.png" target="_self"><img src="/tp/images/helpMessage.png" alt="help message" class="img-fluid"></a></p> <p>Format: <code class="hljs inline no-lang">help</code></p> <h3 id="list-all-listall">List all : <code class="hljs inline no-lang">listAll</code><a href="#list-all-listall" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Shows all students, student scores and graded components in their lists respectively. This removes all the filter applied from the find command.</p> <p>Format: <code class="hljs inline no-lang">listAll</code></p> <p>Example: <code class="hljs inline no-lang">listAll</code></p> <h3 id="clearing-all-entries-clearall">Clearing all entries : <code class="hljs inline no-lang">clearAll</code><a href="#clearing-all-entries-clearall" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Clears all data from ModuLight.</p> <p>Format: <code class="hljs inline no-lang">clearAll</code></p> <ul><li>The clearing process is irreversible.</li></ul> <h3 id="exiting-the-program-exit">Exiting the program : <code class="hljs inline no-lang">exit</code><a href="#exiting-the-program-exit" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Exits the program.</p> <p>Format: <code class="hljs inline no-lang">exit</code></p> <h3 id="saving-the-data">Saving the data<a href="#saving-the-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ModuLight data is saved in the hard disk automatically after any command that changes the data. There is no need to save manually.</p> <h3 id="loading-the-previous-data">Loading the previous data<a href="#loading-the-previous-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>There is no need to manually load data stored on the hard disc. It will be available automatically everytime the program starts.</p> <hr> <h2 id="command-summary">Command summary<a href="#command-summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Action</th> <th>Format, Examples</th></tr></thead> <tbody><tr><td><strong>Add a student</strong></td> <td><code class="hljs inline no-lang">addStu s/STUDENT_NO n/NAME e/EMAIL [g/TUTORIAL_GRP] [t/tags…]</code> <br> e.g., <code class="hljs inline no-lang">addStu s/A1234567Y n/Andy Ong g/T03 e/andy_ong@u.nus.edu</code></td></tr> <tr><td><strong>Add a graded component</strong></td> <td><code class="hljs inline no-lang">addComp c/COMP_NAME w/WEIGHTAGE mm/MAX_MARKS</code> <br> e.g., <code class="hljs inline no-lang">addComp c/Midterm w/30 mm/70</code></td></tr> <tr><td><strong>Edit a student</strong></td> <td><code class="hljs inline no-lang">editStu INDEX [s/STUDENT_NO] [g/TUTORIAL_GRP] [n/NAME] [e/EMAIL] [t/tags…]​</code> <br> e.g., <code class="hljs inline no-lang">editStu 1 s/A1234567Y g/T03</code></td></tr> <tr><td><strong>Edit a graded component</strong></td> <td><code class="hljs inline no-lang">editComp INDEX [c/COMP_NAME] [w/WEIGHTAGE] [mm/MAX_MARKS]</code> <br> e.g., <code class="hljs inline no-lang">editComp 1 c/Midterms mm/55</code></td></tr> <tr><td><strong>Edit a student score</strong></td> <td><code class="hljs inline no-lang">editScore INDEX [m/SCORE] [x/comment]</code> <br> e.g., <code class="hljs inline no-lang">editScore 1 m/57</code></td></tr> <tr><td><strong>Delete a student</strong></td> <td><code class="hljs inline no-lang">deleteStu INDEX</code> <br> e.g., <code class="hljs inline no-lang">deleteStu 2</code></td></tr> <tr><td><strong>Delete a graded component</strong></td> <td><code class="hljs inline no-lang">deleteComp INDEX</code> <br> e.g., <code class="hljs inline no-lang">deleteComp 1</code></td></tr> <tr><td><strong>Delete everything</strong></td> <td><code class="hljs inline no-lang">clearAll</code></td></tr> <tr><td><strong>Find a student</strong></td> <td><code class="hljs inline no-lang">findStu [s/STUDENT_NO...] [n/NAME...] [e/EMAIL...] [g/TUTORIAL_GRP...] [t/TAG...]</code><br> e.g., <code class="hljs inline no-lang">findStu n/Alice n/Bob g/T01</code></td></tr> <tr><td><strong>Find a graded component</strong></td> <td><code class="hljs inline no-lang">findComp [c/COMP_NAME]</code><br> e.g., <code class="hljs inline no-lang">findComp c/Midterms</code></td></tr> <tr><td><strong>Find a student score</strong></td> <td><code class="hljs inline no-lang">findScore  [s/STUDENT_NO] [n/NAME] [e/EMAIL] [g/TUTORIAL_GRP] [c/COMP_NAME][x/comments][t/tags]...</code><br> e.g., <code class="hljs inline no-lang">findScore c/Midterms</code></td></tr> <tr><td><strong>List all students, scores and graded components</strong></td> <td><code class="hljs inline no-lang">listAll</code></td></tr> <tr><td><strong>Sort student</strong></td> <td><code class="hljs inline no-lang">sortStu [o/SORTING_ORDER] [r/REVERSE_ORDER]</code> <br> e.g., <code class="hljs inline no-lang">sortStu o/name r/true</code></td></tr> <tr><td><strong>Sort student score</strong></td> <td><code class="hljs inline no-lang">sortScore [o/SORTING_ORDER] [r/REVERSE_ORDER]</code> <br> e.g., <code class="hljs inline no-lang">sortScore o/name r/true</code></td></tr> <tr><td><strong>Auto grading all the students</strong></td> <td><code class="hljs inline no-lang">autoGrade ag/METHOD pg/PASING_VALUE</code> <br> e.g., <code class="hljs inline no-lang">autoGrade ag/absolute pg/95 80 70 55 40 20</code></td></tr> <tr><td><strong>Calculate overall statistics</strong></td> <td><code class="hljs inline no-lang">stats [st/STATS] [g/TUTORIAL_GRP]</code> <br> e.g., <code class="hljs inline no-lang">stats st/upperQuartile st/lowerQuartile g/T01</code></td></tr> <tr><td><strong>Calculate component statistics</strong></td> <td><code class="hljs inline no-lang">compStats [c/COMP_NAME] [st/STATS] [g/TUTORIAL_GRP]</code> <br> e.g., <code class="hljs inline no-lang">compStats c/midterm st/upperQuartile st/lowerQuartile</code></td></tr> <tr><td><strong>Help</strong></td> <td><code class="hljs inline no-lang">help</code></td></tr></tbody></table></div><hr> <h2 id="faq">FAQ<a href="#faq" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p><strong>Q</strong>: How do I transfer my data to another Computer?<br> <strong>A</strong>: Install the app in the other computer and overwrite the empty data file it creates with the file that contains the data of your previous ModuLight home folder.</p></li> <li><p><strong>Q</strong>: How does the calculation of scores work?<br> <strong>A</strong>: Refer to the <a href="#notes-on-score-calculation">notes on score calculations</a>.</p></li> <li><p><strong>Q</strong>: Does the display update information (e.g. name, mean) in real time?<br> <strong>A</strong>: Yes.</p></li> <li><p><strong>Q</strong>: Why should I avoid entering numbers with more than 2 decimal places of precision?<br> <strong>A</strong>: Numerical errors have been known to occur due to the limits of floating-point precision on computers.</p></li> <li><p><strong>Q</strong>: What should I do if the application GUI opens off-screen when switching from multiple screens to a single screen?<br> <strong>A</strong>: If you move the application to a secondary screen and later switch to using only the primary screen, the GUI may open off-screen. To resolve this issue, delete the <code class="hljs inline no-lang">preferences.json</code> file created by the application before running it again. This ensures that the GUI is properly displayed on the primary screen.</p></li> <li><p><strong>Q</strong>: How do I open a terminal?<br> <strong>A</strong>: It depends on the operating system.</p> <ul><li><strong>Mac</strong>: Open launchpad and search for terminal. Click the app icon to open terminal.</li> <li><strong>Windows</strong>: In Windows Search, search for terminal and select Windows Terminal from the search results.</li></ul></li></ol> <hr> <h2 id="glossary">Glossary<a href="#glossary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="definitions">Definitions<a href="#definitions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Term</th> <th>Definition</th></tr></thead> <tbody><tr><td>Command</td> <td>An input written by the user to tell Modulight to perform a certain action.</td></tr> <tr><td>Command Terminal</td> <td>A text input and output environment that allows us to enter commands that the computer processes.</td></tr> <tr><td>Parameter</td> <td>A value that must be inputted by the user to complete a command.</td></tr> <tr><td>Index</td> <td>A number that refers to the position of the components in an ordering. Modulight uses a 1-based index, which means the first number in an order is 1.</td></tr> <tr><td>Command Line Interface</td> <td>It is a text-based user interface that accepts text inputs to execute commands.</td></tr> <tr><td>Graphical User Interface</td> <td>It is a digital interface where the users interact with the system using graphical components, such as icons and buttons.</td></tr> <tr><td>User Interface</td> <td>It is the point in which a human user interacts with a computer. It can be a physical device or software program.</td></tr> <tr><td>Component</td> <td>A component is a part of the user interface.</td></tr> <tr><td>JSON file</td> <td>JavaScript Object Notation(JSON) is a file used for data storage in ModuLight. For more information, please refer to the guide <a href="https://www.oracle.com/sg/database/what-is-json/">here</a>.</td></tr> <tr><td>Alphanumeric</td> <td>A piece of alphanumeric text should consist of only alphabets and numeric values. For instance,  the text “ABC11” is alphanumeric whereas “(**)” is not.</td></tr> <tr><td>Domain</td> <td>A domain is a digital address of a website. For emails, domain is the web address that comes after the @ symbol. For example, the domain in the email address <a href="mailto:123@gmail.com">123@gmail.com</a> is gmail.com</td></tr></tbody></table></div></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#user-guide-modulight" data-v-e6005420>User Guide: ModuLight‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#welcome-to-modulight" data-v-e6005420>Welcome to ModuLight‎</a> <a class="nav-link py-1" href="#how-to-use-this-guide" data-v-e6005420>How to use this guide‎</a> <a class="nav-link py-1" href="#quick-start" data-v-e6005420>Quick start‎</a> <a class="nav-link py-1" href="#parameter-information" data-v-e6005420>Parameter Information‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#student-parameters" data-v-e6005420>Student Parameters‎</a> <a class="nav-link py-1" href="#graded-component-parameters" data-v-e6005420>Graded Component Parameters‎</a> <a class="nav-link py-1" href="#student-score-parameters" data-v-e6005420>Student Score Parameters‎</a> <a class="nav-link py-1" href="#command-related-parameters" data-v-e6005420>Command Related Parameters‎</a></nav> <a class="nav-link py-1" href="#navigating-the-graphical-user-interface-gui" data-v-e6005420>Navigating the Graphical User Interface (GUI)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#quick-orientation" data-v-e6005420>Quick Orientation:‎</a></nav> <a class="nav-link py-1" href="#command-format" data-v-e6005420>Command Format‎</a> <a class="nav-link py-1" href="#features" data-v-e6005420>Features‎</a> <a class="nav-link py-1" href="#add-commands" data-v-e6005420>Add Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-a-student-addstu" data-v-e6005420>Add a student: addStu‎</a> <a class="nav-link py-1" href="#add-a-graded-component-addcomp" data-v-e6005420>Add a graded component: addComp‎</a></nav> <a class="nav-link py-1" href="#edit-commands" data-v-e6005420>Edit Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#edit-a-student-editstu" data-v-e6005420>Edit a student : editStu‎</a> <a class="nav-link py-1" href="#edit-a-graded-component-editcomp" data-v-e6005420>Edit a graded component: editComp‎</a> <a class="nav-link py-1" href="#edit-student-score-editscore" data-v-e6005420>Edit student score: editScore‎</a></nav> <a class="nav-link py-1" href="#delete-commands" data-v-e6005420>Delete Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#delete-a-student-deletestu" data-v-e6005420>Delete a student : deleteStu‎</a> <a class="nav-link py-1" href="#delete-a-graded-component-deletecomp" data-v-e6005420>Delete a graded component: deleteComp‎</a></nav> <a class="nav-link py-1" href="#find-commands" data-v-e6005420>Find Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#parameters" data-v-e6005420>Parameters‎</a> <a class="nav-link py-1" href="#find-students-findstu" data-v-e6005420>Find students: findStu‎</a> <a class="nav-link py-1" href="#find-students-findcomp" data-v-e6005420>Find students : findComp‎</a> <a class="nav-link py-1" href="#find-students-findscore" data-v-e6005420>Find students : findScore‎</a></nav> <a class="nav-link py-1" href="#sort-commands" data-v-e6005420>Sort Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#sorting-students-sortstu" data-v-e6005420>Sorting students: sortStu‎</a> <a class="nav-link py-1" href="#sorting-students-scores-sortscore" data-v-e6005420>Sorting students scores: sortScore‎</a></nav> <a class="nav-link py-1" href="#statistics-and-auto-grading-commands" data-v-e6005420>Statistics and Auto Grading Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#auto-grading-all-the-students-autograde" data-v-e6005420>Auto grading all the students: autoGrade‎</a> <a class="nav-link py-1" href="#calculating-overall-statistics-stats" data-v-e6005420>Calculating overall statistics: stats‎</a> <a class="nav-link py-1" href="#calculating-statistics-of-a-graded-component-compstats" data-v-e6005420>Calculating statistics of a graded component : compStats‎</a></nav> <a class="nav-link py-1" href="#other-commands" data-v-e6005420>Other Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#viewing-help-help" data-v-e6005420>Viewing help : help‎</a> <a class="nav-link py-1" href="#list-all-listall" data-v-e6005420>List all : listAll‎</a> <a class="nav-link py-1" href="#clearing-all-entries-clearall" data-v-e6005420>Clearing all entries : clearAll‎</a> <a class="nav-link py-1" href="#exiting-the-program-exit" data-v-e6005420>Exiting the program : exit‎</a> <a class="nav-link py-1" href="#saving-the-data" data-v-e6005420>Saving the data‎</a> <a class="nav-link py-1" href="#loading-the-previous-data" data-v-e6005420>Loading the previous data‎</a></nav> <a class="nav-link py-1" href="#command-summary" data-v-e6005420>Command summary‎</a> <a class="nav-link py-1" href="#faq" data-v-e6005420>FAQ‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#definitions" data-v-e6005420>Definitions‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/UserGuide.page-vue-render.js b/UserGuide.page-vue-render.js
index 0a670a3f818..e074de4cf94 100644
--- a/UserGuide.page-vue-render.js
+++ b/UserGuide.page-vue-render.js
@@ -410,6 +410,6 @@ with(this){return _c('h3',{attrs:{"id":"definitions"}},[_v("Definitions"),_c('a'
 with(this){return _c('div',{staticClass:"table-responsive"},[_c('table',{staticClass:"markbind-table table table-bordered table-striped"},[_c('thead',[_c('tr',[_c('th',[_v("Term")]),_v(" "),_c('th',[_v("Definition")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_v("Command")]),_v(" "),_c('td',[_v("An input written by the user to tell Modulight to perform a certain action.")])]),_v(" "),_c('tr',[_c('td',[_v("Command Terminal")]),_v(" "),_c('td',[_v("A text input and output environment that allows us to enter commands that the computer processes.")])]),_v(" "),_c('tr',[_c('td',[_v("Parameter")]),_v(" "),_c('td',[_v("A value that must be inputted by the user to complete a command.")])]),_v(" "),_c('tr',[_c('td',[_v("Index")]),_v(" "),_c('td',[_v("A number that refers to the position of the components in an ordering. Modulight uses a 1-based index, which means the first number in an order is 1.")])]),_v(" "),_c('tr',[_c('td',[_v("Command Line Interface")]),_v(" "),_c('td',[_v("It is a text-based user interface that accepts text inputs to execute commands.")])]),_v(" "),_c('tr',[_c('td',[_v("Graphical User Interface")]),_v(" "),_c('td',[_v("It is a digital interface where the users interact with the system using graphical components, such as icons and buttons.")])]),_v(" "),_c('tr',[_c('td',[_v("User Interface")]),_v(" "),_c('td',[_v("It is the point in which a human user interacts with a computer. It can be a physical device or software program.")])]),_v(" "),_c('tr',[_c('td',[_v("Component")]),_v(" "),_c('td',[_v("A component is a part of the user interface.")])]),_v(" "),_c('tr',[_c('td',[_v("JSON file")]),_v(" "),_c('td',[_v("JavaScript Object Notation(JSON) is a file used for data storage in ModuLight. For more information, please refer to the guide "),_c('a',{attrs:{"href":"https://www.oracle.com/sg/database/what-is-json/"}},[_v("here")]),_v(".")])]),_v(" "),_c('tr',[_c('td',[_v("Alphanumeric")]),_v(" "),_c('td',[_v("A piece of alphanumeric text should consist of only alphabets and numeric values. For instance,  the text “ABC11” is alphanumeric whereas “(**)” is not.")])]),_v(" "),_c('tr',[_c('td',[_v("Domain")]),_v(" "),_c('td',[_v("A domain is a digital address of a website. For emails, domain is the web address that comes after the @ symbol. For example, the domain in the email address "),_c('a',{attrs:{"href":"mailto:123@gmail.com"}},[_v("123@gmail.com")]),_v(" is gmail.com")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/index.html b/index.html
index 64b21353c24..5d9d6f78696 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="modulight">ModuLight<a href="#modulight" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/actions"><img src="https://github.com/AY2324S1-CS2103T-W08-2/tp/workflows/Java%20CI/badge.svg" alt="CI Status" class="img-fluid"></a> <a href="https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp"><img src="https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp/graph/badge.svg?token=DAJLBHDPYQ" alt="codecov" class="img-fluid"></a></p> <p><a href="/tp/images/Ui_navigate.png" target="_self"><img src="/tp/images/Ui_navigate.png" alt="Ui" class="img-fluid"></a></p> <p><strong>ModuLight is a desktop student grades system application.</strong> While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).</p> <ul><li>If you are interested in using ModuLight, head over to the <a href="/tp/UserGuide.html#Quick-start"><em>Quick Start</em> section of the <strong>User Guide</strong></a>.</li> <li>If you are interested about developing ModuLight, the <a href="/tp/DeveloperGuide.html"><strong>Developer Guide</strong></a> is a good place to start.</li></ul> <p><strong>Acknowledgements</strong></p> <ul><li>Libraries used: <a href="https://openjfx.io/">JavaFX</a>, <a href="https://github.com/FasterXML/jackson">Jackson</a>, <a href="https://github.com/junit-team/junit5">JUnit5</a></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="modulight">ModuLight<a href="#modulight" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/actions"><img src="https://github.com/AY2324S1-CS2103T-W08-2/tp/workflows/Java%20CI/badge.svg" alt="CI Status" class="img-fluid"></a> <a href="https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp"><img src="https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp/graph/badge.svg?token=DAJLBHDPYQ" alt="codecov" class="img-fluid"></a></p> <p><a href="/tp/images/Ui_navigate.png" target="_self"><img src="/tp/images/Ui_navigate.png" alt="Ui" class="img-fluid"></a></p> <p><strong>ModuLight is a desktop student grades system application.</strong> While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).</p> <ul><li>If you are interested in using ModuLight, head over to the <a href="/tp/UserGuide.html#Quick-start"><em>Quick Start</em> section of the <strong>User Guide</strong></a>.</li> <li>If you are interested about developing ModuLight, the <a href="/tp/DeveloperGuide.html"><strong>Developer Guide</strong></a> is a good place to start.</li></ul> <p><strong>Acknowledgements</strong></p> <ul><li>Libraries used: <a href="https://openjfx.io/">JavaFX</a>, <a href="https://github.com/FasterXML/jackson">Jackson</a>, <a href="https://github.com/junit-team/junit5">JUnit5</a></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/index.page-vue-render.js b/index.page-vue-render.js
index 0d718203f1e..97297c22f17 100644
--- a/index.page-vue-render.js
+++ b/index.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"modulight"}},[_v("ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/actions"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://github.com/AY2324S1-CS2103T-W08-2/tp/workflows/Java%20CI/badge.svg","alt":"CI Status"}})]),_v(" "),_c('a',{attrs:{"href":"https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp/graph/badge.svg?token=DAJLBHDPYQ","alt":"codecov"}})])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/Ui_navigate.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/Ui_navigate.png","alt":"Ui"}})])]),_v(" "),_c('p',[_c('strong',[_v("ModuLight is a desktop student grades system application.")]),_v(" While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).")]),_v(" "),_c('ul',[_c('li',[_v("If you are interested in using ModuLight, head over to the "),_c('a',{attrs:{"href":"/tp/UserGuide.html#Quick-start"}},[_c('em',[_v("Quick Start")]),_v(" section of the "),_c('strong',[_v("User Guide")])]),_v(".")]),_v(" "),_c('li',[_v("If you are interested about developing ModuLight, the "),_c('a',{attrs:{"href":"/tp/DeveloperGuide.html"}},[_c('strong',[_v("Developer Guide")])]),_v(" is a good place to start.")])]),_v(" "),_c('p',[_c('strong',[_v("Acknowledgements")])]),_v(" "),_c('ul',[_c('li',[_v("Libraries used: "),_c('a',{attrs:{"href":"https://openjfx.io/"}},[_v("JavaFX")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/FasterXML/jackson"}},[_v("Jackson")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/junit-team/junit5"}},[_v("JUnit5")])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/feifeiraindrops.html b/team/feifeiraindrops.html
index 763e6357bf3..1409d1bb9f7 100644
--- a/team/feifeiraindrops.html
+++ b/team/feifeiraindrops.html
@@ -33,7 +33,7 @@
 The student and graded component list will be emptied.</li> <li><strong>Justification</strong>: A student score is related to one graded component and one student, thus it can ab found by keywords of both classes.
 We assume that the user is only interested in the particular student scores when using this command. If they are interested in the students and graded components as well, findStu or findComp should be used instead.</li></ul></li> <li><p><strong>New Feature</strong>: <code class="hljs inline no-lang">findComp</code> - find a graded component based on the keywords</p> <ul><li><strong>What it does</strong>:  Find a graded component in the database based on component name. All students are displayed as they are all relevant.
 All student scores related to the component will be displayed as well.</li> <li><strong>Justification</strong>: Since student score is related to students, they are also displayed so that the user does not need rto do another search for them.</li></ul></li> <li><p><strong>New Feature</strong>: <code class="hljs inline no-lang">listAll</code> - list all students, student scores and graded components</p> <ul><li><strong>What it does</strong>:  Displays all students, student scores and graded components in the respective lists</li> <li><strong>Justification</strong>: This feature is useful in resetting the display after a find command</li></ul></li> <li><p><strong>Code contributed</strong>:</p> <ul><li>Highlights: designed and implemented tutorial group and student id classes, which are unique to the project</li> <li><a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;tabOpen=true&amp;tabType=authorship&amp;tabAuthor=feifeiraindrops&amp;tabRepo=AY2324S1-CS2103T-W08-2%2Ftp%5Bmaster%5D&amp;authorshipIsMergeGroup=false&amp;authorshipFileTypes=docs~functional-code~test-code&amp;authorshipIsBinaryFileTypeChecked=false&amp;authorshipIsIgnoredFilesChecked=false">RepoSense link</a></li></ul></li> <li><p><strong>Project management</strong>:</p> <ul><li>Setting up team repository, website and relevant tools to be used</li> <li>Setting up zoom for weekly meeting</li></ul></li> <li><p><strong>Documentation</strong>:</p> <ul><li><p>User Guide:</p> <ul><li>Documented the CRUD features for student and find features</li> <li>Organised and formatted the content</li> <li>Added comprehensive UI demonstration</li></ul></li> <li><p>Developer Guide:</p> <ul><li>Documented implementation of the logic component</li> <li>Documented implementation of addStu, editStu, findStu commands</li> <li>Documented manual test of addStu, editStu, findStu commands</li> <li>Updated UML diagrams for proposed implementation and better oop</li></ul></li></ul></li> <li><p><strong>Testing</strong>:</p> <ul><li>Implemented testing for models, commands and parsers related to student CRUD features, the find features and list feature.</li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>Reviewed 16 PRs
-<ul><li>2 with non-trivial comment</li></ul></li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+<ul><li>2 with non-trivial comment</li></ul></li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/feifeiraindrops.page-vue-render.js b/team/feifeiraindrops.page-vue-render.js
index 8fc9c06b9c5..bf5d9192429 100644
--- a/team/feifeiraindrops.page-vue-render.js
+++ b/team/feifeiraindrops.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-modulight"}},[_v("Project: ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ModuLight is a desktop application that uses Command Lined Interface(CLI) to manage student, scores and graded components.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addStu")]),_v(" - Add a student to the database")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(": Adds a student to the database. An empty score of the student will be added to all existing\ngraded components as well. It requires the student name, student id, and email, while the tutorial group and tag are optional.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": A student might be added after the graded components are set up, thus it is necessary to add\nscores to graded components. Furthermore, a tutorial group is optional as it might be undetermined at the start of the semester.")]),_v(" "),_c('li',[_c('strong',[_v("Highlights")]),_v(": Implementing this feature requires the creation of new classes such as tutorial groups and student id.\nIt requires a good understanding to make sure that they only accept the correct inputs.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editStu")]),_v(" - edit the student information")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(": Edit a student's name, student id, email, tutorial group or tag, as indicated by the index. All student scores related to this student wil be updated as well.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": There might be changes to a student's information.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteStu")]),_v(" - delete a student and related student scores from the database")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(": Delete a student as all related student scores as indicated by the index.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": A student can drop the module.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu")]),_v(" - find a student based on the keywords")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(": Find a student in the database based on the name, student id, tutorial group, email or tag keywords.\nAll student scores related to the student will be displayed as well. All graded components are displayed as they are all relevant.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": The user might be interested to find the students with one or many attributes. Allowing search\nby attributes increases the flexibility of the search. Since student score is related to students, they are also displayed so that the user does not need rto do another search for them.")]),_v(" "),_c('li',[_c('strong',[_v("Highlights")]),_v(": Implementing this feature requires a good design of the algorithm and understanding or the project models to show the correct student and student scores.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findScore")]),_v(" - find a student score based on the keywords")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(": Find a student score in the database based on graded component name, student name, student id, tutorial group, email or tag keywords.\nThe student and graded component list will be emptied.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": A student score is related to one graded component and one student, thus it can ab found by keywords of both classes.\nWe assume that the user is only interested in the particular student scores when using this command. If they are interested in the students and graded components as well, findStu or findComp should be used instead.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findComp")]),_v(" - find a graded component based on the keywords")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(":  Find a graded component in the database based on component name. All students are displayed as they are all relevant.\nAll student scores related to the component will be displayed as well.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": Since student score is related to students, they are also displayed so that the user does not need rto do another search for them.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listAll")]),_v(" - list all students, student scores and graded components")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(":  Displays all students, student scores and graded components in the respective lists")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": This feature is useful in resetting the display after a find command")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Highlights: designed and implemented tutorial group and student id classes, which are unique to the project")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=&sort=groupTitle&sortWithin=title&timeframe=commit&mergegroup=&groupSelect=groupByRepos&breakdown=true&checkedFileTypes=docs~functional-code~test-code&since=2023-09-22&tabOpen=true&tabType=authorship&tabAuthor=feifeiraindrops&tabRepo=AY2324S1-CS2103T-W08-2%2Ftp%5Bmaster%5D&authorshipIsMergeGroup=false&authorshipFileTypes=docs~functional-code~test-code&authorshipIsBinaryFileTypeChecked=false&authorshipIsIgnoredFilesChecked=false"}},[_v("RepoSense link")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Project management")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Setting up team repository, website and relevant tools to be used")]),_v(" "),_c('li',[_v("Setting up zoom for weekly meeting")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Documentation")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("User Guide:")]),_v(" "),_c('ul',[_c('li',[_v("Documented the CRUD features for student and find features")]),_v(" "),_c('li',[_v("Organised and formatted the content")]),_v(" "),_c('li',[_v("Added comprehensive UI demonstration")])])]),_v(" "),_c('li',[_c('p',[_v("Developer Guide:")]),_v(" "),_c('ul',[_c('li',[_v("Documented implementation of the logic component")]),_v(" "),_c('li',[_v("Documented implementation of addStu, editStu, findStu commands")]),_v(" "),_c('li',[_v("Documented manual test of addStu, editStu, findStu commands")]),_v(" "),_c('li',[_v("Updated UML diagrams for proposed implementation and better oop")])])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Testing")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Implemented testing for models, commands and parsers related to student CRUD features, the find features and list feature.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Community")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Reviewed 16 PRs\n"),_c('ul',[_c('li',[_v("2 with non-trivial comment")])])])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/marioalvaro.html b/team/marioalvaro.html
index 841c7195d2f..f85d6c1b673 100644
--- a/team/marioalvaro.html
+++ b/team/marioalvaro.html
@@ -44,7 +44,7 @@
 Furthermore, values less than zero or more than 100 will cause an exception to be thrown as the total mark of a student is in percentage.
 Further check on values must be decreasing is also available as lower grades cannot have higher grade threshold.</li> <li>The parser then will return a new <code class="hljs inline no-lang">AutoGradeCommand</code> object.</li></ol> <p>Step 4. The <code class="hljs inline no-lang">AutoGradeCommand</code> returned will then be executed and several other things will be executed</p> <ol><li>This step will first trigger the <code class="hljs inline no-lang">sortStuCommand</code> and causes the filtered student list to be updated into the sorted form.</li> <li>A check will be done to ensure that the inputted array of float does not pass the maximum number of values. An exception will be thrown otherwise.</li> <li>As the grading method used in this example is <code class="hljs inline no-lang">PERCENTILE</code>, it will then trigger <code class="hljs inline no-lang">AutoGradeCommand#setGradeThresholdPercentile()</code> to be executed in order to calculate the
 grade threshold.</li> <li>It will then create an <code class="hljs inline no-lang">EditStudentDescriptor</code> for each student in the filtered list and the assigned grade.
-The grade is determined by comparing the student's total score and the grade threshold.</li> <li><code class="hljs inline no-lang">EditStudentCommand</code> will be created and executed for each student and the grade will be added.</li></ol> <p>The following sequence diagram shows how the auto-grading mechanism works:</p> <ul><li>The parser implementation (Command execution is hidden):</li></ul> <span class="image-wrapper"><img src="/tp/team/diagrams/AutoGradeParserSequenceDiagram.puml" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <ul><li>The command implementation :</li></ul> <span class="image-wrapper"><img src="/tp/team/diagrams/AutoGradeCommandSequenceDiagram.puml" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p><strong>Use case: Edit a student score</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list student scores.</p></li> <li><p>ModuLight shows a list of student scores.</p></li> <li><p>User requests to edit the details of a specific student score.</p></li> <li><p>ModuLight updates the detail of that student score with entered data.</p></li> <li><p>ModuLight shows a list of updated student scores.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. There is some error in the entered data.</p> <ul><li>3b1. ModuLight shows an error message.</li></ul> <p>Use case resumes at step 2.</p></li></ul> <p><strong>Use case: Automatically grade students based on their total score</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to automatically grade student using AutoGradeCommand.</p></li> <li><p>Modulight automatically grade every student command based on their total score, grading method, and passing value.</p></li> <li><p>Modulight automatically sort students based on their total score for convenience.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>1a. User request to use unsupported grading method.</p> <ul><li><p>1a1. Modulight shows an error message and a list of supported grading method available.</p> <p>Use case ends</p></li></ul></li> <li><p>1b. User inputted non-decreasing values for passing value.</p> <ul><li><p>1b1. Modulight shows an error message specifying that the values inputted is non-decreasing.</p> <p>Use case ends</p></li></ul></li> <li><p>1c. User inputted passing values outside the bound of 0 and 100 inclusively.</p> <ul><li><p>1c1. Modulight shows an error message specifying that the values must be between 0 and 100 inclusively.</p> <p>Use case ends</p></li></ul></li> <li><p>1d. User inputted too many passing values.</p> <ul><li><p>1d1. Modulight shows an error message specifying that there are too many passing values inputted.</p> <p>Use case ends</p></li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+The grade is determined by comparing the student's total score and the grade threshold.</li> <li><code class="hljs inline no-lang">EditStudentCommand</code> will be created and executed for each student and the grade will be added.</li></ol> <p>The following sequence diagram shows how the auto-grading mechanism works:</p> <ul><li>The parser implementation (Command execution is hidden):</li></ul> <span class="image-wrapper"><img src="/tp/team/diagrams/AutoGradeParserSequenceDiagram.puml" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <ul><li>The command implementation :</li></ul> <span class="image-wrapper"><img src="/tp/team/diagrams/AutoGradeCommandSequenceDiagram.puml" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p><strong>Use case: Edit a student score</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list student scores.</p></li> <li><p>ModuLight shows a list of student scores.</p></li> <li><p>User requests to edit the details of a specific student score.</p></li> <li><p>ModuLight updates the detail of that student score with entered data.</p></li> <li><p>ModuLight shows a list of updated student scores.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. There is some error in the entered data.</p> <ul><li>3b1. ModuLight shows an error message.</li></ul> <p>Use case resumes at step 2.</p></li></ul> <p><strong>Use case: Automatically grade students based on their total score</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to automatically grade student using AutoGradeCommand.</p></li> <li><p>Modulight automatically grade every student command based on their total score, grading method, and passing value.</p></li> <li><p>Modulight automatically sort students based on their total score for convenience.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>1a. User request to use unsupported grading method.</p> <ul><li><p>1a1. Modulight shows an error message and a list of supported grading method available.</p> <p>Use case ends</p></li></ul></li> <li><p>1b. User inputted non-decreasing values for passing value.</p> <ul><li><p>1b1. Modulight shows an error message specifying that the values inputted is non-decreasing.</p> <p>Use case ends</p></li></ul></li> <li><p>1c. User inputted passing values outside the bound of 0 and 100 inclusively.</p> <ul><li><p>1c1. Modulight shows an error message specifying that the values must be between 0 and 100 inclusively.</p> <p>Use case ends</p></li></ul></li> <li><p>1d. User inputted too many passing values.</p> <ul><li><p>1d1. Modulight shows an error message specifying that there are too many passing values inputted.</p> <p>Use case ends</p></li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/marioalvaro.page-vue-render.js b/team/marioalvaro.page-vue-render.js
index c0f3bd0f986..1cedbf995fd 100644
--- a/team/marioalvaro.page-vue-render.js
+++ b/team/marioalvaro.page-vue-render.js
@@ -128,6 +128,6 @@ with(this){return _c('p',[_c('strong',[_v("Extensions")])])}
 with(this){return _c('ul',[_c('li',[_c('p',[_v("1a. User request to use unsupported grading method.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("1a1. Modulight shows an error message and a list of supported grading method available.")]),_v(" "),_c('p',[_v("Use case ends")])])])]),_v(" "),_c('li',[_c('p',[_v("1b. User inputted non-decreasing values for passing value.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("1b1. Modulight shows an error message specifying that the values inputted is non-decreasing.")]),_v(" "),_c('p',[_v("Use case ends")])])])]),_v(" "),_c('li',[_c('p',[_v("1c. User inputted passing values outside the bound of 0 and 100 inclusively.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("1c1. Modulight shows an error message specifying that the values must be between 0 and 100 inclusively.")]),_v(" "),_c('p',[_v("Use case ends")])])])]),_v(" "),_c('li',[_c('p',[_v("1d. User inputted too many passing values.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("1d1. Modulight shows an error message specifying that there are too many passing values inputted.")]),_v(" "),_c('p',[_v("Use case ends")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/seraphimstreets.html b/team/seraphimstreets.html
index c9260e6a573..346d1721d40 100644
--- a/team/seraphimstreets.html
+++ b/team/seraphimstreets.html
@@ -35,7 +35,7 @@
 and component A has weightage 30, and component B weightage 20, then component A currently represents 20/(20+30) = 60% of
 the student’s overall score. This is modified as components are added and removed. Note that the total weightage of all graded components should be less than or equal to 100.</p></li> <li><p>If a graded component has a maximum mark of 0, the relative score for any associated student scores will be 0.</p></li></ul> <h3 id="add-a-graded-component-addcomp">Add a graded component: <code class="hljs inline no-lang">addComp</code><a href="#add-a-graded-component-addcomp" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Adds a graded component to the database. The graded component name (case-sensitve) cannot match any other existing graded component names in the database. If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.</p> <p>Upon successful creation of a graded component, a corresponding student score will be created for each student in the database. For instance, if a graded component with name “Midterms” is created and there are two students with student numbers “A1234567X” and “A1234567Y” in the database, then two student scores are created with titles  “A1234567X - Midterm” and “A1234567Y - Midterm”.</p> <p>Weightage represents how much this component contributes when tabulating students’ total marks, and is calculated relative to the sum of all other component weightages. For instance, if there are only 2 components in the system currently, and component A has weightage 30, and component B weightage 20, then component A currently represents 60% of the grade. This is modified as components are added and removed.</p> <p>Format: <code class="hljs inline no-lang">addComp c/COMP_NAME w/WEIGHTAGE mm/MAX_MARKS</code></p> <p>Examples: <code class="hljs inline no-lang">addComp c/Midterm w/30 mm/70</code>  adds a graded component called “Midterm” with a weightage of 30 and a maximum mark of 70.</p> <h3 id="edit-a-graded-component-editcomp">Edit a graded component: <code class="hljs inline no-lang">editComp</code><a href="#edit-a-graded-component-editcomp" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Edits an existing graded component’s details in the database, based on the 1-based index of the graded component shown in the Graded Components list. If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.
 1 or more fields to be edited must be provided in the command. The index provided must be more than 0 and not exceed the number of graded components displayed in the Graded Components list. If the component name is being edited, the component name cannot match the component name of any other graded component already in the database.</p> <p>Format: <code class="hljs inline no-lang">editComp INDEX [c/COMP_NAME] [w/WEIGHTAGE] [mm/MAX_MARKS]</code></p> <p>Examples: <code class="hljs inline no-lang">editComp 4 c/Midterm Exam mm/55</code> edits the fourth graded component in the Graded Components list to have a name of “Midterm Exam”, and a maximum mark of 55.</p> <h3 id="delete-a-graded-component-deletecomp">Delete a graded component: <code class="hljs inline no-lang">deleteComp</code><a href="#delete-a-graded-component-deletecomp" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Deletes an existing graded component in the database, based on the 1-based index of the graded component shown in the Graded Components list.
-If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.</p> <p>The index provided must be more than 0 and not exceed the number of graded components displayed in the Graded Components list.</p> <p>Format: <code class="hljs inline no-lang">deleteComp INDEX</code></p> <p>Examples: <code class="hljs inline no-lang">deleteComp 2</code> deletes the second graded component in the displayed Graded Components List</p> <h3 id="contributions-to-developer-guide">Contributions to Developer Guide<a href="#contributions-to-developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.</p> <p>The index provided must be more than 0 and not exceed the number of graded components displayed in the Graded Components list.</p> <p>Format: <code class="hljs inline no-lang">deleteComp INDEX</code></p> <p>Examples: <code class="hljs inline no-lang">deleteComp 2</code> deletes the second graded component in the displayed Graded Components List</p> <h3 id="contributions-to-developer-guide">Contributions to Developer Guide<a href="#contributions-to-developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/seraphimstreets.page-vue-render.js b/team/seraphimstreets.page-vue-render.js
index f0d1fd1ac6a..c5616dd7f40 100644
--- a/team/seraphimstreets.page-vue-render.js
+++ b/team/seraphimstreets.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-modulight"}},[_v("Project: ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ModuLight is a lightweight application for professors to manage and\nperform statistical analysis on the educational records of students.\nGiven below are my contributions to the project.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_v("New Features")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addGradedComponent")]),_v(": allows users to add a graded component into the app.")])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editGradedComponent")]),_v(": allows users to edit a graded component in the app.")])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteGradedComponent")]),_v(": allows users to delete a graded component in the app.")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Code contributed:")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Major highlights:\n"),_c('ul',[_c('li',[_v("Modified the UI and JavaFX code to accommodate three entities\nand dynamically update the UI whenever changes are made.")]),_v(" "),_c('li',[_v("Designed the class infrastructure to link Student, GradedComponent,StudentScore\nand calculate mean scores.")])])]),_v(" "),_c('li',[_v("For more details, refer to: "),_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=seraphimstreets&breakdown=false&sort=groupTitle%20dsc&sortWithin=title&since=2023-09-22&timeframe=commit&mergegroup=&groupSelect=groupByRepos"}},[_v("https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=seraphimstreets&breakdown=false&sort=groupTitle dsc&sortWithin=title&since=2023-09-22&timeframe=commit&mergegroup=&groupSelect=groupByRepos")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Project management")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("As group leader, delegated tasks and managed issue tracker.")])])])]),_v(" "),_c('h3',{attrs:{"id":"contributions-to-user-guide"}},[_v("Contributions to User Guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#contributions-to-user-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('h3',{attrs:{"id":"graded-component-parameters"}},[_v("Graded Component Parameters"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#graded-component-parameters","onclick":"event.stopPropagation()"}})]),_v(" "),_c('div',{staticClass:"table-responsive"},[_c('table',{staticClass:"markbind-table table table-bordered table-striped"},[_c('thead',[_c('tr',[_c('th',[_v("Parameter")]),_v(" "),_c('th',[_v("Description")]),_v(" "),_c('th',[_v("Constraints")]),_v(" "),_c('th',[_v("Valid Examples")]),_v(" "),_c('th',[_v("Invalid Examples")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_v("c/")]),_v(" "),_c('td',[_v("Name of the graded component")]),_v(" "),_c('td',[_v("Must only contain alphanumeric characters and must not be empty")]),_v(" "),_c('td',[_v("Midterm Exam, CA2")]),_v(" "),_c('td',[_v("高考, CA2/Oral, Practical-Exam")])]),_v(" "),_c('tr',[_c('td',[_v("w/")]),_v(" "),_c('td',[_v("Weightage of the graded component")]),_v(" "),_c('td',[_v("Must be a non-negative number less than or equal to 100. Decimals are allowed.")]),_v(" "),_c('td',[_v("0, 0.25, 20")]),_v(" "),_c('td',[_v("-0.3, 1/2, (20), 1000.8, NIL")])]),_v(" "),_c('tr',[_c('td',[_v("mm/")]),_v(" "),_c('td',[_v("Maximum marks for the graded component, in absolute terms")]),_v(" "),_c('td',[_v("Must be a non-negative number less than or equal to 10000.")]),_v(" "),_c('td',[_v("0.0, 28, 100, 200.0")]),_v(" "),_c('td',[_v("-0.3, 1/2, (20), NIL")])])])])]),_c('p',[_c('strong',[_v("Notes on Graded Component and Student Score parameters for score calculation")]),_c('br')]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("The maximum marks of a graded component and marks of a student score are both absolute values and are used together to\ndetermine the relative performance of a student for a component. For instance, if the maximum marks for a component Midterms is 50, and the marks for the student is 35, then the student scored 35/50 =70% on this graded component.")])]),_v(" "),_c('li',[_c('p',[_v("The weightage of a graded component is used to determine its contribution to a student’s overall score, and is calculated\nrelative to the sum of all other component weightages. For instance, if there are only 2 components in the system currently,\nand component A has weightage 30, and component B weightage 20, then component A currently represents 20/(20+30) = 60% of\nthe student’s overall score. This is modified as components are added and removed. Note that the total weightage of all graded components should be less than or equal to 100.")])]),_v(" "),_c('li',[_c('p',[_v("If a graded component has a maximum mark of 0, the relative score for any associated student scores will be 0.")])])]),_v(" "),_c('h3',{attrs:{"id":"add-a-graded-component-addcomp"}},[_v("Add a graded component: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addComp")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#add-a-graded-component-addcomp","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Adds a graded component to the database. The graded component name (case-sensitve) cannot match any other existing graded component names in the database. If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.")]),_v(" "),_c('p',[_v("Upon successful creation of a graded component, a corresponding student score will be created for each student in the database. For instance, if a graded component with name “Midterms” is created and there are two students with student numbers “A1234567X” and “A1234567Y” in the database, then two student scores are created with titles  “A1234567X - Midterm” and “A1234567Y - Midterm”.")]),_v(" "),_c('p',[_v("Weightage represents how much this component contributes when tabulating students’ total marks, and is calculated relative to the sum of all other component weightages. For instance, if there are only 2 components in the system currently, and component A has weightage 30, and component B weightage 20, then component A currently represents 60% of the grade. This is modified as components are added and removed.")]),_v(" "),_c('p',[_v("Format: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addComp c/COMP_NAME w/WEIGHTAGE mm/MAX_MARKS")])]),_v(" "),_c('p',[_v("Examples: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addComp c/Midterm w/30 mm/70")]),_v("  adds a graded component called “Midterm” with a weightage of 30 and a maximum mark of 70.")]),_v(" "),_c('h3',{attrs:{"id":"edit-a-graded-component-editcomp"}},[_v("Edit a graded component: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editComp")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#edit-a-graded-component-editcomp","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Edits an existing graded component’s details in the database, based on the 1-based index of the graded component shown in the Graded Components list. If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.\n1 or more fields to be edited must be provided in the command. The index provided must be more than 0 and not exceed the number of graded components displayed in the Graded Components list. If the component name is being edited, the component name cannot match the component name of any other graded component already in the database.")]),_v(" "),_c('p',[_v("Format: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editComp INDEX [c/COMP_NAME] [w/WEIGHTAGE] [mm/MAX_MARKS]")])]),_v(" "),_c('p',[_v("Examples: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editComp 4 c/Midterm Exam mm/55")]),_v(" edits the fourth graded component in the Graded Components list to have a name of “Midterm Exam”, and a maximum mark of 55.")]),_v(" "),_c('h3',{attrs:{"id":"delete-a-graded-component-deletecomp"}},[_v("Delete a graded component: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteComp")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#delete-a-graded-component-deletecomp","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Deletes an existing graded component in the database, based on the 1-based index of the graded component shown in the Graded Components list.\nIf successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.")]),_v(" "),_c('p',[_v("The index provided must be more than 0 and not exceed the number of graded components displayed in the Graded Components list.")]),_v(" "),_c('p',[_v("Format: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteComp INDEX")])]),_v(" "),_c('p',[_v("Examples: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteComp 2")]),_v(" deletes the second graded component in the displayed Graded Components List")]),_v(" "),_c('h3',{attrs:{"id":"contributions-to-developer-guide"}},[_v("Contributions to Developer Guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#contributions-to-developer-guide","onclick":"event.stopPropagation()"}})])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/sinhavedant.html b/team/sinhavedant.html
index bfcfd03e396..84a0247edfe 100644
--- a/team/sinhavedant.html
+++ b/team/sinhavedant.html
@@ -29,7 +29,7 @@
 <code class="hljs inline no-lang">gradedComponentBook.json</code>.</li> <li>I also edited parts of <code class="hljs inline no-lang">scoreBook.json</code> related code.</li> <li>The code follows similar style as the AB3 but writing it for multiple storage files required proper
 understanding of the AB3 Storage code.</li> <li>I implemented complete testing for code related to <code class="hljs inline no-lang">studentBook.json</code> and partial testing for code related to
 other storage classes.</li></ul></li> <li><p><strong>Contributions to the UG</strong>:</p> <ul><li>Added How to use the guide section.</li> <li>Added Quick Start Guide.</li> <li>Added Saving the data and Loading the previous data section.</li></ul></li> <li><p><strong>Contributions to the DG</strong>:</p> <ul><li>Updated the Storage Component</li> <li>Added 3 puml files all inside Storage Component</li> <li>Added Instructions for manual testing for Saving and Loading Data.</li></ul></li> <li><p><strong>Review contributions</strong>:</p> <ul><li>Reviewed multiple PRs.</li> <li>There was one instance where I realised a PR had commits with wrong formatting so I requested the teammate to
-edit the commit name before merging the PR.</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+edit the commit name before merging the PR.</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/sinhavedant.page-vue-render.js b/team/sinhavedant.page-vue-render.js
index ad51dacd7aa..fc8fc213c7c 100644
--- a/team/sinhavedant.page-vue-render.js
+++ b/team/sinhavedant.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-modulight"}},[_v("Project: ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ModuLight is a lightweight application for educators to manage and\nperform statistical analysis on the educational records of students.")]),_v(" "),_c('p',[_v("Given below are my contributions to the project.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Here is my "),_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=sinhavedant&breakdown=true"}},[_v("Code Contributed")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Enhancements implemented")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("I mainly worked on the Storage component. Our project stores the data in 3 json files namely "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook. json")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("gradedComponentBook.json")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("scoreBook.json")]),_v(". I wrote code for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook.json")]),_v(" and\n"),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("gradedComponentBook.json")]),_v(".")]),_v(" "),_c('li',[_v("I also edited parts of "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("scoreBook.json")]),_v(" related code.")]),_v(" "),_c('li',[_v("The code follows similar style as the AB3 but writing it for multiple storage files required proper\nunderstanding of the AB3 Storage code.")]),_v(" "),_c('li',[_v("I implemented complete testing for code related to "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook.json")]),_v(" and partial testing for code related to\nother storage classes.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions to the UG")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Added How to use the guide section.")]),_v(" "),_c('li',[_v("Added Quick Start Guide.")]),_v(" "),_c('li',[_v("Added Saving the data and Loading the previous data section.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions to the DG")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Updated the Storage Component")]),_v(" "),_c('li',[_v("Added 3 puml files all inside Storage Component")]),_v(" "),_c('li',[_v("Added Instructions for manual testing for Saving and Loading Data.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Review contributions")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Reviewed multiple PRs.")]),_v(" "),_c('li',[_v("There was one instance where I realised a PR had commits with wrong formatting so I requested the teammate to\nedit the commit name before merging the PR.")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/siqirua.html b/team/siqirua.html
index f01c3106f0d..61bf4414cae 100644
--- a/team/siqirua.html
+++ b/team/siqirua.html
@@ -37,7 +37,7 @@
 allow our users to quickly identify the top scores. Meanwhile, the associated students will also be displayed in the
 corresponding order. In addition, this command is also necessary to make the displayed data more neat.</li></ul></li> <li><p><strong>Enhancements to existing features</strong>:</p></li> <li><p>Did cosmetic tweaks to the existing <code class="hljs inline no-lang">help</code> features <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/142">#142</a></p></li> <li><p><strong>Code contributed</strong>:</p> <ul><li>Please refer to this <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=siqirua&amp;breakdown=true">RepoSense Link</a></li></ul></li> <li><p><strong>Documentation</strong>:</p> <ul><li>User Guide:
 <ul><li>Added documentation for the features <code class="hljs inline no-lang">findStu</code>, <code class="hljs inline no-lang">stats</code>, <code class="hljs inline no-lang">compStats</code>, <code class="hljs inline no-lang">sortStu</code>, <code class="hljs inline no-lang">sortScore</code> <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/11">#11</a>, <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/90">#90</a></li> <li>Added documentation for the parameters <code class="hljs inline no-lang">o/</code>, <code class="hljs inline no-lang">r/</code>, <code class="hljs inline no-lang">st/</code> <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/163">#163</a></li></ul></li> <li>Developer Guide:
-<ul><li>Added use cases, non-functional requirements and glossary sections <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/10">#10</a>.</li> <li>Created UML diagrams for most parts <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/162">#162</a></li> <li>Did cosmetic tweaks to the proposed <code class="hljs inline no-lang">Redo</code>/<code class="hljs inline no-lang">Undo</code> features <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/169">#169</a></li> <li>Add Implementations of sort related commands and stats related command <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/188">#188</a></li></ul></li></ul></li> <li><p><strong>Contributions to team-based tasks</strong>:</p> <ul><li>Renamed the package, method name and class name from address book related to modulight related</li> <li>Released JAR file for V1.3 trial</li> <li>Created Milestone v1.4</li> <li>Added table of content to User Guide and Developer Guide</li> <li>Added target user profile, value proposition to Developer Guide</li> <li>Added Planned Enhancement to Developer Guide</li> <li>Updated README.md in GitHub repository</li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>Reviewed peers’ tP (CS2103T-F10-3) and reported bugs/flaws for PED</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+<ul><li>Added use cases, non-functional requirements and glossary sections <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/10">#10</a>.</li> <li>Created UML diagrams for most parts <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/162">#162</a></li> <li>Did cosmetic tweaks to the proposed <code class="hljs inline no-lang">Redo</code>/<code class="hljs inline no-lang">Undo</code> features <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/169">#169</a></li> <li>Add Implementations of sort related commands and stats related command <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/188">#188</a></li></ul></li></ul></li> <li><p><strong>Contributions to team-based tasks</strong>:</p> <ul><li>Renamed the package, method name and class name from address book related to modulight related</li> <li>Released JAR file for V1.3 trial</li> <li>Created Milestone v1.4</li> <li>Added table of content to User Guide and Developer Guide</li> <li>Added target user profile, value proposition to Developer Guide</li> <li>Added Planned Enhancement to Developer Guide</li> <li>Updated README.md in GitHub repository</li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>Reviewed peers’ tP (CS2103T-F10-3) and reported bugs/flaws for PED</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/siqirua.page-vue-render.js b/team/siqirua.page-vue-render.js
index dee2c30abf2..eaca54d0e4d 100644
--- a/team/siqirua.page-vue-render.js
+++ b/team/siqirua.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-modulight"}},[_v("Project: ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ModuLight is a desktop student grades system application.\nThe user interacts with it using a CLI, and it has a GUI created with JavaFX. It is written in Java, and has about 10 kLoC.")]),_v(" "),_c('p',[_v("Given below are my contributions to the project.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("calculate statistics")]),_v(" - Added command to calculate the statistics "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/76"}},[_v("#76")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/86"}},[_v("#86")]),_v(".")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Generates a statistics summary of the overall grades of all students or a selected tutorial group\n"),_c('ul',[_c('li',[_v("Justification: As a professor or teaching assistant, our target users may be interested in the overall performance\nof all students in terms of various statistical measures, such as max, min, quartile and standard deviation. This\ncommand allows the user to easily view a summary of statistics with one single command. In addition, I also\nimplemented the command to calculate the statistics of a specific graded component instead of the overall score.")])])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sort students")]),_v(" - Added command to sort the students "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/69"}},[_v("#69")]),_v(".")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Sorts the students based on a given sorting order.")]),_v(" "),_c('li',[_v("Justification: When the number of student grows, it will be hard for our users to find the top performing\nstudents. Thus, we implement this command to allow our users to quickly identify the top students. In addition, this\ncommand is also necessary to make the displayed data more neat.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sort scores")]),_v(" - Added command to sort the student scores "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/88"}},[_v("#88")]),_v(".")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Sorts the students scores of a given graded component and display the associated students in the\ncorresponding order.")]),_v(" "),_c('li',[_v("Justification: Similar to the previous feature, when the number of student scores grows, it will be hard for our\nusers to find the top performing students in one specific graded component. Thus, we implement this command to\nallow our users to quickly identify the top scores. Meanwhile, the associated students will also be displayed in the\ncorresponding order. In addition, this command is also necessary to make the displayed data more neat.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Enhancements to existing features")]),_v(":")])]),_v(" "),_c('li',[_c('p',[_v("Did cosmetic tweaks to the existing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help")]),_v(" features "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/142"}},[_v("#142")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Please refer to this "),_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=siqirua&breakdown=true"}},[_v("RepoSense Link")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Documentation")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("User Guide:\n"),_c('ul',[_c('li',[_v("Added documentation for the features "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("stats")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("compStats")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/11"}},[_v("#11")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/90"}},[_v("#90")])]),_v(" "),_c('li',[_v("Added documentation for the parameters "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("o/")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("r/")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("st/")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/163"}},[_v("#163")])])])]),_v(" "),_c('li',[_v("Developer Guide:\n"),_c('ul',[_c('li',[_v("Added use cases, non-functional requirements and glossary sections "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/10"}},[_v("#10")]),_v(".")]),_v(" "),_c('li',[_v("Created UML diagrams for most parts "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/162"}},[_v("#162")])]),_v(" "),_c('li',[_v("Did cosmetic tweaks to the proposed "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Redo")]),_v("/"),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Undo")]),_v(" features "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/169"}},[_v("#169")])]),_v(" "),_c('li',[_v("Add Implementations of sort related commands and stats related command "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/188"}},[_v("#188")])])])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions to team-based tasks")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Renamed the package, method name and class name from address book related to modulight related")]),_v(" "),_c('li',[_v("Released JAR file for V1.3 trial")]),_v(" "),_c('li',[_v("Created Milestone v1.4")]),_v(" "),_c('li',[_v("Added table of content to User Guide and Developer Guide")]),_v(" "),_c('li',[_v("Added target user profile, value proposition to Developer Guide")]),_v(" "),_c('li',[_v("Added Planned Enhancement to Developer Guide")]),_v(" "),_c('li',[_v("Updated README.md in GitHub repository")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Community")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Reviewed peers’ tP (CS2103T-F10-3) and reported bugs/flaws for PED")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/AddRemark.html b/tutorials/AddRemark.html
index 925720cd057..a989fb99b30 100644
--- a/tutorials/AddRemark.html
+++ b/tutorials/AddRemark.html
@@ -181,7 +181,7 @@
 </span><span>        <span class="hljs-keyword">return</span> String.format(message, personToEdit);
 </span><span>    }
 </span></code></pre><p><a href="/tp/images/add-remark/RemarkComplete.png" target="_self"><img src="/tp/images/add-remark/RemarkComplete.png" alt="Congratulations!" class="img-fluid"></a></p> <h2 id="writing-tests">Writing tests<a href="#writing-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Tests are crucial to ensuring that bugs don’t slip into the codebase unnoticed. This is especially true for large code bases where a change might lead to unintended behavior.</p> <p>Let’s verify the correctness of our code by writing some tests!</p> <p>Of course you can simply add the test cases manually, like you've been doing all along this tutorial. The result would be like the test cases in <a href="https://github.com/se-edu/addressbook-level3/commit/fac8f3fd855d55831ca0cc73313b5943d49d4d6e#diff-ff58f7c10338b34f76645df49b71ecb2bafaf7611b20e7ff59ebc98475538a01">here</a>. Alternatively, you can get the help of IntelliJ to generate the skeletons of the test cases, as explained in the next section.</p> <h3 id="automatically-generating-tests">Automatically generating tests<a href="#automatically-generating-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The goal is to write effective and efficient tests to ensure that <code class="hljs inline no-lang">RemarkCommand#execute()</code> behaves as expected.</p> <p>The convention for test names is <code class="hljs inline no-lang">methodName_testScenario_expectedResult</code>. An example would be
-<code class="hljs inline no-lang">execute_filteredList_success</code>.</p> <p>Let’s create a test for <code class="hljs inline no-lang">RemarkCommand#execute()</code> to test that adding a remark works. On <code class="hljs inline no-lang">IntelliJ IDEA</code> you can bring up the context menu and choose to <code class="hljs inline no-lang">Go To</code> &gt; <code class="hljs inline no-lang">Test</code> or use the appropriate keyboard shortcut.</p> <p><a href="/tp/images/add-remark/ContextMenu.png" target="_self"><img src="/tp/images/add-remark/ContextMenu.png" alt="Using the context menu to jump to tests" class="img-fluid"></a></p> <p>Then, create a test for the <code class="hljs inline no-lang">execute</code> method.</p> <p><a href="/tp/images/add-remark/CreateTest.png" target="_self"><img src="/tp/images/add-remark/CreateTest.png" alt="Creating a test for `execute`." class="img-fluid"></a></p> <p>Following convention, let’s change the name of the generated method to <code class="hljs inline no-lang">execute_addRemarkUnfilteredList_success</code>.</p> <p>Let’s use the utility functions provided in <code class="hljs inline no-lang">CommandTestUtil</code>. The functions ensure that commands produce the expected <code class="hljs inline no-lang">CommandResult</code> and output the correct message. In this case, <code class="hljs inline no-lang">CommandTestUtil#assertCommandSuccess</code> is the best fit as we are testing that a <code class="hljs inline no-lang">RemarkCommand</code> will successfully add a <code class="hljs inline no-lang">Remark</code>.</p> <p>You should end up with a test that looks something like <a href="https://github.com/se-edu/addressbook-level3/commit/fac8f3fd855d55831ca0cc73313b5943d49d4d6e#diff-ff58f7c10338b34f76645df49b71ecb2bafaf7611b20e7ff59ebc98475538a01R36-R49">this</a>.</p> <h2 id="conclusion">Conclusion<a href="#conclusion" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This concludes the tutorial for adding a new <code class="hljs inline no-lang">Command</code> to AddressBook.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-adding-a-command" data-v-e6005420>Tutorial: Adding a command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#create-a-new-remark-command" data-v-e6005420>Create a new remark command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#hook-remarkcommand-into-the-application" data-v-e6005420>Hook RemarkCommand into the application‎</a> <a class="nav-link py-1" href="#run-the-application" data-v-e6005420>Run the application‎</a></nav> <a class="nav-link py-1" href="#change-remarkcommand-to-throw-an-exception" data-v-e6005420>Change RemarkCommand to throw an exception‎</a> <a class="nav-link py-1" href="#enhancing-remarkcommand" data-v-e6005420>Enhancing RemarkCommand‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#make-the-command-accept-parameters" data-v-e6005420>Make the command accept parameters‎</a> <a class="nav-link py-1" href="#parse-user-input" data-v-e6005420>Parse user input‎</a></nav> <a class="nav-link py-1" href="#add-remark-to-the-model" data-v-e6005420>Add Remark to the model‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-a-new-remark-class" data-v-e6005420>Add a new Remark class‎</a> <a class="nav-link py-1" href="#make-use-of-remark" data-v-e6005420>Make use of Remark‎</a></nav> <a class="nav-link py-1" href="#add-a-placeholder-element-for-remark-to-the-ui" data-v-e6005420>Add a placeholder element for remark to the UI‎</a> <a class="nav-link py-1" href="#modify-person-to-support-a-remark-field" data-v-e6005420>Modify Person to support a Remark field‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#modify-person" data-v-e6005420>Modify Person‎</a> <a class="nav-link py-1" href="#update-other-usages-of-person" data-v-e6005420>Update other usages of Person‎</a></nav> <a class="nav-link py-1" href="#updating-storage" data-v-e6005420>Updating Storage‎</a> <a class="nav-link py-1" href="#finalizing-the-ui" data-v-e6005420>Finalizing the UI‎</a> <a class="nav-link py-1" href="#putting-everything-together" data-v-e6005420>Putting everything together‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#update-remarkcommand-and-remarkcommandparser" data-v-e6005420>Update RemarkCommand and RemarkCommandParser‎</a></nav> <a class="nav-link py-1" href="#writing-tests" data-v-e6005420>Writing tests‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#automatically-generating-tests" data-v-e6005420>Automatically generating tests‎</a></nav> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+<code class="hljs inline no-lang">execute_filteredList_success</code>.</p> <p>Let’s create a test for <code class="hljs inline no-lang">RemarkCommand#execute()</code> to test that adding a remark works. On <code class="hljs inline no-lang">IntelliJ IDEA</code> you can bring up the context menu and choose to <code class="hljs inline no-lang">Go To</code> &gt; <code class="hljs inline no-lang">Test</code> or use the appropriate keyboard shortcut.</p> <p><a href="/tp/images/add-remark/ContextMenu.png" target="_self"><img src="/tp/images/add-remark/ContextMenu.png" alt="Using the context menu to jump to tests" class="img-fluid"></a></p> <p>Then, create a test for the <code class="hljs inline no-lang">execute</code> method.</p> <p><a href="/tp/images/add-remark/CreateTest.png" target="_self"><img src="/tp/images/add-remark/CreateTest.png" alt="Creating a test for `execute`." class="img-fluid"></a></p> <p>Following convention, let’s change the name of the generated method to <code class="hljs inline no-lang">execute_addRemarkUnfilteredList_success</code>.</p> <p>Let’s use the utility functions provided in <code class="hljs inline no-lang">CommandTestUtil</code>. The functions ensure that commands produce the expected <code class="hljs inline no-lang">CommandResult</code> and output the correct message. In this case, <code class="hljs inline no-lang">CommandTestUtil#assertCommandSuccess</code> is the best fit as we are testing that a <code class="hljs inline no-lang">RemarkCommand</code> will successfully add a <code class="hljs inline no-lang">Remark</code>.</p> <p>You should end up with a test that looks something like <a href="https://github.com/se-edu/addressbook-level3/commit/fac8f3fd855d55831ca0cc73313b5943d49d4d6e#diff-ff58f7c10338b34f76645df49b71ecb2bafaf7611b20e7ff59ebc98475538a01R36-R49">this</a>.</p> <h2 id="conclusion">Conclusion<a href="#conclusion" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This concludes the tutorial for adding a new <code class="hljs inline no-lang">Command</code> to AddressBook.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-adding-a-command" data-v-e6005420>Tutorial: Adding a command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#create-a-new-remark-command" data-v-e6005420>Create a new remark command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#hook-remarkcommand-into-the-application" data-v-e6005420>Hook RemarkCommand into the application‎</a> <a class="nav-link py-1" href="#run-the-application" data-v-e6005420>Run the application‎</a></nav> <a class="nav-link py-1" href="#change-remarkcommand-to-throw-an-exception" data-v-e6005420>Change RemarkCommand to throw an exception‎</a> <a class="nav-link py-1" href="#enhancing-remarkcommand" data-v-e6005420>Enhancing RemarkCommand‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#make-the-command-accept-parameters" data-v-e6005420>Make the command accept parameters‎</a> <a class="nav-link py-1" href="#parse-user-input" data-v-e6005420>Parse user input‎</a></nav> <a class="nav-link py-1" href="#add-remark-to-the-model" data-v-e6005420>Add Remark to the model‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-a-new-remark-class" data-v-e6005420>Add a new Remark class‎</a> <a class="nav-link py-1" href="#make-use-of-remark" data-v-e6005420>Make use of Remark‎</a></nav> <a class="nav-link py-1" href="#add-a-placeholder-element-for-remark-to-the-ui" data-v-e6005420>Add a placeholder element for remark to the UI‎</a> <a class="nav-link py-1" href="#modify-person-to-support-a-remark-field" data-v-e6005420>Modify Person to support a Remark field‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#modify-person" data-v-e6005420>Modify Person‎</a> <a class="nav-link py-1" href="#update-other-usages-of-person" data-v-e6005420>Update other usages of Person‎</a></nav> <a class="nav-link py-1" href="#updating-storage" data-v-e6005420>Updating Storage‎</a> <a class="nav-link py-1" href="#finalizing-the-ui" data-v-e6005420>Finalizing the UI‎</a> <a class="nav-link py-1" href="#putting-everything-together" data-v-e6005420>Putting everything together‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#update-remarkcommand-and-remarkcommandparser" data-v-e6005420>Update RemarkCommand and RemarkCommandParser‎</a></nav> <a class="nav-link py-1" href="#writing-tests" data-v-e6005420>Writing tests‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#automatically-generating-tests" data-v-e6005420>Automatically generating tests‎</a></nav> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/AddRemark.page-vue-render.js b/tutorials/AddRemark.page-vue-render.js
index 2f25b29797f..a85923f7cff 100644
--- a/tutorials/AddRemark.page-vue-render.js
+++ b/tutorials/AddRemark.page-vue-render.js
@@ -290,6 +290,6 @@ with(this){return _c('h2',{attrs:{"id":"conclusion"}},[_v("Conclusion"),_c('a',{
 with(this){return _c('p',[_v("This concludes the tutorial for adding a new "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Command")]),_v(" to AddressBook.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/RemovingFields.html b/tutorials/RemovingFields.html
index b9b2a75c9cc..4218ca77a45 100644
--- a/tutorials/RemovingFields.html
+++ b/tutorials/RemovingFields.html
@@ -44,7 +44,7 @@
 </span><span>    <span class="hljs-attr">&quot;address&quot;</span>: <span class="hljs-string">&quot;4th street&quot;</span>
 </span><span>  } ]
 </span><span>}
-</span></code></pre><p>You can go through each individual <code class="hljs inline no-lang">json</code> file and manually remove the <code class="hljs inline no-lang">address</code> field.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-removing-fields" data-v-e6005420>Tutorial: Removing Fields‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#safely-deleting-address" data-v-e6005420>Safely deleting Address‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#assisted-refactoring" data-v-e6005420>Assisted refactoring‎</a> <a class="nav-link py-1" href="#manual-refactoring" data-v-e6005420>Manual refactoring‎</a></nav> <a class="nav-link py-1" href="#tidying-up" data-v-e6005420>Tidying up‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+</span></code></pre><p>You can go through each individual <code class="hljs inline no-lang">json</code> file and manually remove the <code class="hljs inline no-lang">address</code> field.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-removing-fields" data-v-e6005420>Tutorial: Removing Fields‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#safely-deleting-address" data-v-e6005420>Safely deleting Address‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#assisted-refactoring" data-v-e6005420>Assisted refactoring‎</a> <a class="nav-link py-1" href="#manual-refactoring" data-v-e6005420>Manual refactoring‎</a></nav> <a class="nav-link py-1" href="#tidying-up" data-v-e6005420>Tidying up‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/RemovingFields.page-vue-render.js b/tutorials/RemovingFields.page-vue-render.js
index 7d8fc1adeff..965bf69f9df 100644
--- a/tutorials/RemovingFields.page-vue-render.js
+++ b/tutorials/RemovingFields.page-vue-render.js
@@ -107,6 +107,6 @@ with(this){return _c('pre',[_c('code',{pre:true,attrs:{"class":"hljs json"}},[_c
 with(this){return _c('p',[_v("You can go through each individual "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("json")]),_v(" file and manually remove the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("address")]),_v(" field.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/TracingCode.html b/tutorials/TracingCode.html
index fbe28c65782..893eaabc56a 100644
--- a/tutorials/TracingCode.html
+++ b/tutorials/TracingCode.html
@@ -109,7 +109,7 @@
 do you think will happen if we traced the following commands
 instead? What exceptions do you think will be thrown (if any), where
 will the exceptions be thrown and where will they be handled?</p> <ol><li><p><code class="hljs inline no-lang">redit 1 n/Alice Yu</code></p></li> <li><p><code class="hljs inline no-lang">edit 0 n/Alice Yu</code></p></li> <li><p><code class="hljs inline no-lang">edit 1 n/Alex Yeoh</code></p></li> <li><p><code class="hljs inline no-lang">edit 1</code></p></li> <li><p><code class="hljs inline no-lang">edit 1 n/アリス ユー</code></p></li> <li><p><code class="hljs inline no-lang">edit 1 t/one t/two t/three t/one</code></p></li></ol></li> <li><p>What components will you have to modify to perform the following
-enhancements to the application?</p> <ol><li><p>Make command words case-insensitive</p></li> <li><p>Allow <code class="hljs inline no-lang">delete</code> to remove more than one index at a time</p></li> <li><p>Save the address book in the CSV format instead</p></li> <li><p>Add a new command</p></li> <li><p>Add a new field to <code class="hljs inline no-lang">Person</code></p></li> <li><p>Add a new entity to the address book</p></li></ol></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-tracing-code" data-v-e6005420>Tutorial: Tracing code‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#before-we-start" data-v-e6005420>Before we start‎</a> <a class="nav-link py-1" href="#setting-a-breakpoint" data-v-e6005420>Setting a breakpoint‎</a> <a class="nav-link py-1" href="#tracing-the-execution-path" data-v-e6005420>Tracing the execution path‎</a> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]</small></div></footer></div>
+enhancements to the application?</p> <ol><li><p>Make command words case-insensitive</p></li> <li><p>Allow <code class="hljs inline no-lang">delete</code> to remove more than one index at a time</p></li> <li><p>Save the address book in the CSV format instead</p></li> <li><p>Add a new command</p></li> <li><p>Add a new field to <code class="hljs inline no-lang">Person</code></p></li> <li><p>Add a new entity to the address book</p></li></ol></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-tracing-code" data-v-e6005420>Tutorial: Tracing code‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#before-we-start" data-v-e6005420>Before we start‎</a> <a class="nav-link py-1" href="#setting-a-breakpoint" data-v-e6005420>Setting a breakpoint‎</a> <a class="nav-link py-1" href="#tracing-the-execution-path" data-v-e6005420>Tracing the execution path‎</a> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/TracingCode.page-vue-render.js b/tutorials/TracingCode.page-vue-render.js
index 81c270b22ba..ec35621c6e9 100644
--- a/tutorials/TracingCode.page-vue-render.js
+++ b/tutorials/TracingCode.page-vue-render.js
@@ -164,6 +164,6 @@ with(this){return _c('h2',{attrs:{"id":"conclusion"}},[_v("Conclusion"),_c('a',{
 with(this){return _c('ol',[_c('li',[_c('p',[_v("In this tutorial, we traced the \"happy path\" (i.e., no errors). What\ndo you think will happen if we traced the following commands\ninstead? What exceptions do you think will be thrown (if any), where\nwill the exceptions be thrown and where will they be handled?")]),_v(" "),_c('ol',[_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("redit 1 n/Alice Yu")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 0 n/Alice Yu")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1 n/Alex Yeoh")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1 n/アリス ユー")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1 t/one t/two t/three t/one")])])])])]),_v(" "),_c('li',[_c('p',[_v("What components will you have to modify to perform the following\nenhancements to the application?")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Make command words case-insensitive")])]),_v(" "),_c('li',[_c('p',[_v("Allow "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete")]),_v(" to remove more than one index at a time")])]),_v(" "),_c('li',[_c('p',[_v("Save the address book in the CSV format instead")])]),_v(" "),_c('li',[_c('p',[_v("Add a new command")])]),_v(" "),_c('li',[_c('p',[_v("Add a new field to "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Person")])])]),_v(" "),_c('li',[_c('p',[_v("Add a new entity to the address book")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:21:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 10:57:10 GMT+8]")])])])}
 }];
   
\ No newline at end of file