diff --git a/AboutUs.html b/AboutUs.html
index 3b25e714903..f7719a04857 100644
--- a/AboutUs.html
+++ b/AboutUs.html
@@ -25,7 +25,7 @@
 [<a href="https://ay2324s2-cs2103-f09-2.github.io/tp/">portfolio</a>]</p> <ul><li>Role: Testing</li> <li>Responsibilities: Ensure project is tested properly and on time.</li></ul> <h3 id="tan-zhi-wei">Tan Zhi Wei<a href="#tan-zhi-wei" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/zhiwei1010.png" width="200px"> <p>[<a href="http://github.com/ZhiWei1010">github</a>]
 [<a href="https://ay2324s2-cs2103-f09-2.github.io/tp/">portfolio</a>]</p> <ul><li>Role: Deliverables and deadlines</li> <li>Responsibilities: Ensure project deliverables are done on time and in the right format.</li></ul> <h3 id="choo-weng-yan">Choo Weng Yan<a href="#choo-weng-yan" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/choowengyan.png" width="200px"> <p>[<a href="http://github.com/choowengyan">github</a>]
 [<a href="https://ay2324s2-cs2103-f09-2.github.io/tp/">portfolio</a>]</p> <ul><li>Role: Scheduling and tracking</li> <li>Responsibilities: Ensure that team's task is scheduled properly based on each iteration and milestone,
-optimizing project timeline, updating task status and providing accurate information.</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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 GMT+8]</small></div></footer></div>
+optimizing project timeline, updating task status and providing accurate information.</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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 06f23418414..3cd990aabdc 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":"neo-haowei"}},[_v("Neo Haowei"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#neo-haowei","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/neohw.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/NeoHW"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"https://ay2324s2-cs2103-f09-2.github.io/tp/"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Team Lead")]),_v(" "),_c('li',[_v("Responsibilities: Overall project coordination, code review")])]),_v(" "),_c('h3',{attrs:{"id":"sherisse-tan-jing-wen"}},[_v("Sherisse Tan Jing Wen"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#sherisse-tan-jing-wen","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/sherissetjw.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/SherisseTJW"}},[_v("github")]),_v("] ["),_c('a',{attrs:{"href":"https://ay2324s2-cs2103-f09-2.github.io/tp/"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Integration")]),_v(" "),_c('li',[_v("Responsibilities: In charge of versioning of the code, maintaining the code repository,\nintegrating various parts of the software to create a whole.")])]),_v(" "),_c('h3',{attrs:{"id":"li-guohuang"}},[_v("Li Guohuang"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#li-guohuang","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/guohuang88.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/guohuang88"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"https://ay2324s2-cs2103-f09-2.github.io/tp/"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Testing")]),_v(" "),_c('li',[_v("Responsibilities: Ensure project is tested properly and on time.")])]),_v(" "),_c('h3',{attrs:{"id":"tan-zhi-wei"}},[_v("Tan Zhi Wei"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#tan-zhi-wei","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/zhiwei1010.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/ZhiWei1010"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"https://ay2324s2-cs2103-f09-2.github.io/tp/"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Deliverables and deadlines")]),_v(" "),_c('li',[_v("Responsibilities: Ensure project deliverables are done on time and in the right format.")])]),_v(" "),_c('h3',{attrs:{"id":"choo-weng-yan"}},[_v("Choo Weng Yan"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#choo-weng-yan","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/choowengyan.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/choowengyan"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"https://ay2324s2-cs2103-f09-2.github.io/tp/"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Scheduling and tracking")]),_v(" "),_c('li',[_v("Responsibilities: Ensure that team's task is scheduled properly based on each iteration and milestone,\noptimizing project timeline, updating task status and providing accurate information.")])])])}
 },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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Configuration.html b/Configuration.html
index bc2f08be25a..4d154a6b7fb 100644
--- a/Configuration.html
+++ b/Configuration.html
@@ -19,7 +19,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-cea1a814></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-7c0fd418><!----> <!----></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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 421ec7382b6..6c1d2df8cbf 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DevOps.html b/DevOps.html
index 2d467a56d2d..f208a7280a1 100644
--- a/DevOps.html
+++ b/DevOps.html
@@ -21,7 +21,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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 4edf1d5ecd0..0e019648df7 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DeveloperGuide.html b/DeveloperGuide.html
index 731e7371665..b1d308f7120 100644
--- a/DeveloperGuide.html
+++ b/DeveloperGuide.html
@@ -19,8 +19,8 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-cea1a814></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-7c0fd418><!----> <!----></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="patientsync-developer-guide">PatientSync Developer Guide<a href="#patientsync-developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="page-nav-print d-none d-print-block"></div> <hr> <h2 id="1-introduction">1. Introduction<a href="#1-introduction" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="1-1-product-overview"><strong>1.1 Product Overview</strong><a href="#1-1-product-overview" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>PatientSync addresses a crucial gap in the current hospital systems by providing nurses with a comprehensive tool to manage patient information beyond administrative details.</p> <p>In many hospitals, the existing systems typically offer basic administrative information such as patient names and contact details. However, they often lack the capacity to delve into the intimate details of patient care.</p> <p>This app can help with personalised and effective care by:</p> <ul><li>viewing and managing upcoming checkup and appointment dates for each patient.</li> <li>Utilising tags to categorize patients into groups based on conditions, treatment plans, or other criteria.</li></ul> <hr> <h3 id="1-2-setting-up-getting-started">1.2 Setting up, getting started<a href="#1-2-setting-up-getting-started" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Refer to the guide <a href="/tp/SettingUp.html"><em>Setting up and getting started</em></a>.</p> <hr> <h3 id="1-3-acknowledgements">1.3 Acknowledgements<a href="#1-3-acknowledgements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>PatientSync is a brownfield Java Project based on the AB3 project template created by the SE-EDU initiative.</p> <hr> <h2 id="2-design">2 Design<a href="#2-design" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="2-1-architecture">2.1 Architecture<a href="#2-1-architecture" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureDiagram.png" width="280" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The <em><strong>Architecture Diagram</strong></em> given above explains the high-level design of the App.</p> <p>Given below is a quick overview of main components and how they interact with each other.</p> <p><strong>2.1.1. Main components of the architecture</strong></p> <p><strong><code class="hljs inline no-lang">Main</code></strong> (consisting of classes <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/Main.java"><code class="hljs inline no-lang">Main</code></a> and <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/MainApp.java"><code class="hljs inline no-lang">MainApp</code></a>) is in charge of the app launch and shut down.</p> <ul><li>At app launch, it initializes the other components in the correct sequence, and connects them up with each other.</li> <li>At shut down, it shuts down the other components and invokes cleanup methods where necessary.</li></ul> <p>The bulk of the app's work is done by the following four components:</p> <ul><li><a href="#22-ui-component"><strong><code class="hljs inline no-lang">UI</code></strong></a>: The UI of the App.</li> <li><a href="#23-logic-component"><strong><code class="hljs inline no-lang">Logic</code></strong></a>: The command executor.</li> <li><a href="#24-model-component"><strong><code class="hljs inline no-lang">Model</code></strong></a>: Holds the data of the App in memory.</li> <li><a href="#25-storage-component"><strong><code class="hljs inline no-lang">Storage</code></strong></a>: Reads data from, and writes data to, the hard disk.</li></ul> <p><a href="#26-common-classes"><strong><code class="hljs inline no-lang">Commons</code></strong></a> represents a collection of classes used by multiple other components.</p> <p><strong>2.1.2. How the architecture components interact with each other</strong></p> <p>The <em>Sequence Diagram</em> below shows how the components interact with each other for the scenario where the user issues the command <code class="hljs inline no-lang">delete 1</code>.</p> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureSequenceDiagram.png" width="574" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>Each of the four main components (also shown in the diagram above),</p> <ul><li>defines its <em>API</em> in an <code class="hljs inline no-lang">interface</code> with the same name as the Component.</li> <li>implements its functionality using a concrete <code class="hljs inline no-lang">{Component Name}Manager</code> class (which follows the corresponding API <code class="hljs inline no-lang">interface</code> mentioned in the previous point.</li></ul> <p>For example, the <code class="hljs inline no-lang">Logic</code> component defines its API in the <code class="hljs inline no-lang">Logic.java</code> interface and implements its functionality using the <code class="hljs inline no-lang">LogicManager.java</code> class which follows the <code class="hljs inline no-lang">Logic</code> interface. Other components interact with a given component through its interface rather than the concrete class (reason: to prevent outside component's being coupled to the implementation of a component), as illustrated in the (partial) class diagram below.</p> <span class="image-wrapper"><img src="/tp/diagrams/ComponentManagers.png" width="300" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The sections below give more details of each component.</p> <h3 id="2-2-ui-component">2.2 UI component<a href="#2-2-ui-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The <strong>API</strong> of this component is specified in <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/ui/Ui.java"><code class="hljs inline no-lang">Ui.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/UiClassDiagram.png" alt="Structure of the UI Component" width="" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The UI consists of a <code class="hljs inline no-lang">MainWindow</code> that is made up of parts e.g.<code class="hljs inline no-lang">CommandBox</code>, <code class="hljs inline no-lang">ResultDisplay</code>, <code class="hljs inline no-lang">PatientListPanel</code>, <code class="hljs inline no-lang">StatusBarFooter</code> etc. All these, including the <code class="hljs inline no-lang">MainWindow</code>, inherit from the abstract <code class="hljs inline no-lang">UiPart</code> class which captures the commonalities between classes that represent parts of the visible GUI.</p> <p>The <code class="hljs inline no-lang">UI</code> component uses the JavaFx UI framework. The layout of these UI parts are defined in matching <code class="hljs inline no-lang">.fxml</code> files that are in the <code class="hljs inline no-lang">src/main/resources/view</code> folder. For example, the layout of the <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/ui/MainWindow.java"><code class="hljs inline no-lang">MainWindow</code></a> is specified in <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/resources/view/MainWindow.fxml"><code class="hljs inline no-lang">MainWindow.fxml</code></a></p> <p>The <code class="hljs inline no-lang">UI</code> component,</p> <ul><li>executes user commands using the <code class="hljs inline no-lang">Logic</code> component.</li> <li>listens for changes to <code class="hljs inline no-lang">Model</code> data so that the UI can be updated with the modified data.</li> <li>keeps a reference to the <code class="hljs inline no-lang">Logic</code> component, because the <code class="hljs inline no-lang">UI</code> relies on the <code class="hljs inline no-lang">Logic</code> to execute commands.</li> <li>depends on some classes in the <code class="hljs inline no-lang">Model</code> component, as it displays <code class="hljs inline no-lang">Patient</code> object residing in the <code class="hljs inline no-lang">Model</code>.</li></ul> <h3 id="2-3-logic-component">2.3 Logic component<a href="#2-3-logic-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/logic/Logic.java"><code class="hljs inline no-lang">Logic.java</code></a></p> <p>Here's a (partial) class diagram of the <code class="hljs inline no-lang">Logic</code> component:</p> <span class="image-wrapper"><img src="/tp/diagrams/LogicClassDiagram.png" width="550" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The sequence diagram below illustrates the interactions within the <code class="hljs inline no-lang">Logic</code> component, taking <code class="hljs inline no-lang">execute(&quot;delete 1&quot;)</code> API call as an example.</p> <span class="image-wrapper"><img src="/tp/diagrams/DeleteSequenceDiagram.png" alt="Interactions Inside the Logic Component for the `delete 1` Command" width="" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Note:</strong> The lifeline for <code class="hljs inline no-lang" data-v-0eabf1c4>DeleteCommandParser</code> and <code class="hljs inline no-lang" data-v-0eabf1c4>DeleteCommand</code> should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline continues till the end of diagram.</p></div> <!----></div></div></div> <p>How the <code class="hljs inline no-lang">Logic</code> component works:</p> <ol><li>When <code class="hljs inline no-lang">Logic</code> is called upon to execute a command, it is passed to an <code class="hljs inline no-lang">AddressBookParser</code> object which in turn creates a parser that matches the command (e.g., <code class="hljs inline no-lang">DeleteCommandParser</code>) and uses it to parse the command.</li> <li>This results in a <code class="hljs inline no-lang">Command</code> object (more precisely, an object of one of its subclasses e.g., <code class="hljs inline no-lang">DeleteCommand</code>) which is executed by the <code class="hljs inline no-lang">LogicManager</code>.</li> <li>The command can communicate with the <code class="hljs inline no-lang">Model</code> when it is executed (e.g. to delete a patient).<br>
-Note that although this is shown as a single step in the diagram above (for simplicity), in the code it can take several interactions (between the command object and the <code class="hljs inline no-lang">Model</code>) to achieve.</li> <li>The result of the command execution is encapsulated as a <code class="hljs inline no-lang">CommandResult</code> object which is returned back from <code class="hljs inline no-lang">Logic</code>.</li></ol> <p>Here are the other classes in <code class="hljs inline no-lang">Logic</code> (omitted from the class diagram above) that are used for parsing a user command:</p> <span class="image-wrapper"><img src="/tp/diagrams/ParserClasses.png" width="600" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>How the parsing works:</p> <ul><li>When called upon to parse a user command, the <code class="hljs inline no-lang">AddressBookParser</code> class creates an <code class="hljs inline no-lang">XYZCommandParser</code> (<code class="hljs inline no-lang">XYZ</code> is a placeholder for the specific command name e.g., <code class="hljs inline no-lang">AddCommandParser</code>) which uses the other classes shown above to parse the user command and create a <code class="hljs inline no-lang">XYZCommand</code> object (e.g., <code class="hljs inline no-lang">AddCommand</code>) which the <code class="hljs inline no-lang">AddressBookParser</code> returns back as a <code class="hljs inline no-lang">Command</code> object.</li> <li>All <code class="hljs inline no-lang">XYZCommandParser</code> classes (e.g., <code class="hljs inline no-lang">AddCommandParser</code>, <code class="hljs inline no-lang">DeleteCommandParser</code>, ...) inherit from the <code class="hljs inline no-lang">Parser</code> interface so that they can be treated similarly where possible e.g, during testing.</li></ul> <h3 id="2-4-model-component">2.4 Model component<a href="#2-4-model-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/model/Model.java"><code class="hljs inline no-lang">Model.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/ModelClassDiagram.png" width="450" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The <code class="hljs inline no-lang">Model</code> component,</p> <ul><li>stores the PatientSync data i.e., all <code class="hljs inline no-lang">Patient</code> objects (which are contained in a <code class="hljs inline no-lang">UniquePatientList</code> object).</li> <li>stores the currently 'selected' <code class="hljs inline no-lang">Patient</code> objects (e.g., results of a search query) as a separate <em>filtered</em> list which is exposed to outsiders as an unmodifiable <code class="hljs inline no-lang">ObservableList&lt;Patient&gt;</code> that can be 'observed' e.g. the UI can be bound to this list so that the UI automatically updates when the data in the list change.</li> <li>stores a <code class="hljs inline no-lang">UserPref</code> object that represents the user’s preferences. This is exposed to the outside as a <code class="hljs inline no-lang">ReadOnlyUserPref</code> objects.</li> <li>does not depend on any of the other three components (as the <code class="hljs inline no-lang">Model</code> represents data entities of the domain, they should make sense on their own without depending on other components)</li></ul> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Note:</strong> An alternative (arguably, a more OOP) model is given below. It has a <code class="hljs inline no-lang" data-v-0eabf1c4>Tag</code> list in the <code class="hljs inline no-lang" data-v-0eabf1c4>AddressBook</code>, which <code class="hljs inline no-lang" data-v-0eabf1c4>Patient</code> references. This allows <code class="hljs inline no-lang" data-v-0eabf1c4>AddressBook</code> to only require one <code class="hljs inline no-lang" data-v-0eabf1c4>Tag</code> object per unique tag, instead of each <code class="hljs inline no-lang" data-v-0eabf1c4>Patient</code> needing their own <code class="hljs inline no-lang" data-v-0eabf1c4>Tag</code> objects.<br data-v-0eabf1c4></p> <span class="image-wrapper"><img src="/tp/diagrams/BetterModelClassDiagram.png" width="450" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span></div> <!----></div></div></div> <h3 id="2-5-storage-component">2.5 Storage component<a href="#2-5-storage-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/storage/Storage.java"><code class="hljs inline no-lang">Storage.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/StorageClassDiagram.png" width="550" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The <code class="hljs inline no-lang">Storage</code> component,</p> <ul><li>can save both PatientSync data and user preference data in JSON format, and read them back into corresponding objects.</li> <li>inherits from both <code class="hljs inline no-lang">AddressBookStorage</code> and <code class="hljs inline no-lang">UserPrefStorage</code>, which means it can be treated as either one (if only the functionality of only one is needed).</li> <li>depends on some classes in the <code class="hljs inline no-lang">Model</code> component (because the <code class="hljs inline no-lang">Storage</code> component's job is to save/retrieve objects that belong to the <code class="hljs inline no-lang">Model</code>)</li></ul> <h3 id="2-6-common-classes">2.6 Common classes<a href="#2-6-common-classes" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Classes used by multiple components are in the <code class="hljs inline no-lang">seedu.address.commons</code> package.</p> <hr> <h2 id="3-implementation">3 Implementation<a href="#3-implementation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This section describes some noteworthy details on how certain features are implemented.</p> <h3 id="3-1-adding-a-patient">3.1 Adding a Patient<a href="#3-1-adding-a-patient" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="introduction">Introduction<a href="#introduction" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The <code class="hljs inline no-lang">AddCommand</code> class is responsible for adding new patient's information in PatientSync.</p> <h4 id="specifications">Specifications<a href="#specifications" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <ul><li>AddCommand, as defined by the <code class="hljs inline no-lang">AddCommand</code> class, contain parameters which consists of:
+<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="patientsync-developer-guide">PatientSync Developer Guide<a href="#patientsync-developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="page-nav-print d-none d-print-block"></div> <hr> <h2 id="1-introduction">1. Introduction<a href="#1-introduction" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="1-1-product-overview"><strong>1.1 Product Overview</strong><a href="#1-1-product-overview" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>PatientSync addresses a crucial gap in the current hospital systems by providing nurses with a comprehensive tool to manage patient information beyond administrative details.</p> <p>In many hospitals, the existing systems typically offer basic administrative information such as patient names and contact details. However, they often lack the capacity to delve into the intimate details of patient care.</p> <p>This app can help with personalised and effective care by:</p> <ul><li>viewing and managing upcoming checkup and appointment dates for each patient.</li> <li>Utilising tags to categorize patients into groups based on conditions, treatment plans, or other criteria.</li></ul> <hr> <h3 id="1-2-setting-up-getting-started">1.2 Setting up, getting started<a href="#1-2-setting-up-getting-started" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Refer to the guide <a href="/tp/SettingUp.html"><em>Setting up and getting started</em></a>.</p> <hr> <h3 id="1-3-acknowledgements">1.3 Acknowledgements<a href="#1-3-acknowledgements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>PatientSync is a brownfield Java Project based on the AB3 project template created by the SE-EDU initiative.</p> <hr> <h2 id="2-design">2 Design<a href="#2-design" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="2-1-architecture">2.1 Architecture<a href="#2-1-architecture" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureDiagram.png" width="280" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The <em><strong>Architecture Diagram</strong></em> given above explains the high-level design of the App.</p> <p>Given below is a quick overview of main components and how they interact with each other.</p> <p><strong>2.1.1. Main components of the architecture</strong></p> <p><strong><code class="hljs inline no-lang">Main</code></strong> (consisting of classes <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/Main.java"><code class="hljs inline no-lang">Main</code></a> and <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/MainApp.java"><code class="hljs inline no-lang">MainApp</code></a>) is in charge of the app launch and shut down.</p> <ul><li>At app launch, it initializes the other components in the correct sequence, and connects them up with each other.</li> <li>At shut down, it shuts down the other components and invokes cleanup methods where necessary.</li></ul> <p>The bulk of the app's work is done by the following four components:</p> <ul><li><a href="#2-2-ui-component"><strong><code class="hljs inline no-lang">UI</code></strong></a>: The UI of the App.</li> <li><a href="#2-3-logic-component"><strong><code class="hljs inline no-lang">Logic</code></strong></a>: The command executor.</li> <li><a href="#2-4-model-component"><strong><code class="hljs inline no-lang">Model</code></strong></a>: Holds the data of the App in memory.</li> <li><a href="#2-5-storage-component"><strong><code class="hljs inline no-lang">Storage</code></strong></a>: Reads data from, and writes data to, the hard disk.</li></ul> <p><a href="#2-6-common-classes"><strong><code class="hljs inline no-lang">Commons</code></strong></a> represents a collection of classes used by multiple other components.</p> <p><strong>2.1.2. How the architecture components interact with each other</strong></p> <p>The <em>Sequence Diagram</em> below shows how the components interact with each other for the scenario where the user issues the command <code class="hljs inline no-lang">delete 1</code>.</p> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureSequenceDiagram.png" width="574" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>Each of the four main components (also shown in the diagram above),</p> <ul><li>defines its <em>API</em> in an <code class="hljs inline no-lang">interface</code> with the same name as the Component.</li> <li>implements its functionality using a concrete <code class="hljs inline no-lang">{Component Name}Manager</code> class (which follows the corresponding API <code class="hljs inline no-lang">interface</code> mentioned in the previous point.</li></ul> <p>For example, the <code class="hljs inline no-lang">Logic</code> component defines its API in the <code class="hljs inline no-lang">Logic.java</code> interface and implements its functionality using the <code class="hljs inline no-lang">LogicManager.java</code> class which follows the <code class="hljs inline no-lang">Logic</code> interface. Other components interact with a given component through its interface rather than the concrete class (reason: to prevent outside component's being coupled to the implementation of a component), as illustrated in the (partial) class diagram below.</p> <span class="image-wrapper"><img src="/tp/diagrams/ComponentManagers.png" width="300" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The sections below give more details of each component.</p> <h3 id="2-2-ui-component">2.2 UI component<a href="#2-2-ui-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The <strong>API</strong> of this component is specified in <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/ui/Ui.java"><code class="hljs inline no-lang">Ui.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/UiClassDiagram.png" alt="Structure of the UI Component" width="" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The UI consists of a <code class="hljs inline no-lang">MainWindow</code> that is made up of parts e.g.<code class="hljs inline no-lang">CommandBox</code>, <code class="hljs inline no-lang">ResultDisplay</code>, <code class="hljs inline no-lang">PatientListPanel</code>, <code class="hljs inline no-lang">StatusBarFooter</code> etc. All these, including the <code class="hljs inline no-lang">MainWindow</code>, inherit from the abstract <code class="hljs inline no-lang">UiPart</code> class which captures the commonalities between classes that represent parts of the visible GUI.</p> <p>The <code class="hljs inline no-lang">UI</code> component uses the JavaFx UI framework. The layout of these UI parts are defined in matching <code class="hljs inline no-lang">.fxml</code> files that are in the <code class="hljs inline no-lang">src/main/resources/view</code> folder. For example, the layout of the <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/ui/MainWindow.java"><code class="hljs inline no-lang">MainWindow</code></a> is specified in <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/resources/view/MainWindow.fxml"><code class="hljs inline no-lang">MainWindow.fxml</code></a></p> <p>The <code class="hljs inline no-lang">UI</code> component,</p> <ul><li>executes user commands using the <code class="hljs inline no-lang">Logic</code> component.</li> <li>listens for changes to <code class="hljs inline no-lang">Model</code> data so that the UI can be updated with the modified data.</li> <li>keeps a reference to the <code class="hljs inline no-lang">Logic</code> component, because the <code class="hljs inline no-lang">UI</code> relies on the <code class="hljs inline no-lang">Logic</code> to execute commands.</li> <li>depends on some classes in the <code class="hljs inline no-lang">Model</code> component, as it displays <code class="hljs inline no-lang">Patient</code> object residing in the <code class="hljs inline no-lang">Model</code>.</li></ul> <h3 id="2-3-logic-component">2.3 Logic component<a href="#2-3-logic-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/logic/Logic.java"><code class="hljs inline no-lang">Logic.java</code></a></p> <p>Here's a (partial) class diagram of the <code class="hljs inline no-lang">Logic</code> component:</p> <span class="image-wrapper"><img src="/tp/diagrams/LogicClassDiagram.png" width="550" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The sequence diagram below illustrates the interactions within the <code class="hljs inline no-lang">Logic</code> component, taking <code class="hljs inline no-lang">execute(&quot;delete 1&quot;)</code> API call as an example.</p> <span class="image-wrapper"><img src="/tp/diagrams/DeleteSequenceDiagram.png" alt="Interactions Inside the Logic Component for the `delete 1` Command" width="" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Note:</strong> The lifeline for <code class="hljs inline no-lang" data-v-0eabf1c4>DeleteCommandParser</code> and <code class="hljs inline no-lang" data-v-0eabf1c4>DeleteCommand</code> should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline continues till the end of diagram.</p></div> <!----></div></div></div> <p>How the <code class="hljs inline no-lang">Logic</code> component works:</p> <ol><li>When <code class="hljs inline no-lang">Logic</code> is called upon to execute a command, it is passed to an <code class="hljs inline no-lang">AddressBookParser</code> object which in turn creates a parser that matches the command (e.g., <code class="hljs inline no-lang">DeleteCommandParser</code>) and uses it to parse the command.</li> <li>This results in a <code class="hljs inline no-lang">Command</code> object (more precisely, an object of one of its subclasses e.g., <code class="hljs inline no-lang">DeleteCommand</code>) which is executed by the <code class="hljs inline no-lang">LogicManager</code>.</li> <li>The command can communicate with the <code class="hljs inline no-lang">Model</code> when it is executed (e.g. to delete a patient).<br>
+Note that although this is shown as a single step in the diagram above (for simplicity), in the code it can take several interactions (between the command object and the <code class="hljs inline no-lang">Model</code>) to achieve.</li> <li>The result of the command execution is encapsulated as a <code class="hljs inline no-lang">CommandResult</code> object which is returned back from <code class="hljs inline no-lang">Logic</code>.</li></ol> <p>Here are the other classes in <code class="hljs inline no-lang">Logic</code> (omitted from the class diagram above) that are used for parsing a user command:</p> <span class="image-wrapper"><img src="/tp/diagrams/ParserClasses.png" width="600" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>How the parsing works:</p> <ul><li>When called upon to parse a user command, the <code class="hljs inline no-lang">AddressBookParser</code> class creates an <code class="hljs inline no-lang">XYZCommandParser</code> (<code class="hljs inline no-lang">XYZ</code> is a placeholder for the specific command name e.g., <code class="hljs inline no-lang">AddCommandParser</code>) which uses the other classes shown above to parse the user command and create a <code class="hljs inline no-lang">XYZCommand</code> object (e.g., <code class="hljs inline no-lang">AddCommand</code>) which the <code class="hljs inline no-lang">AddressBookParser</code> returns back as a <code class="hljs inline no-lang">Command</code> object.</li> <li>All <code class="hljs inline no-lang">XYZCommandParser</code> classes (e.g., <code class="hljs inline no-lang">AddCommandParser</code>, <code class="hljs inline no-lang">DeleteCommandParser</code>, ...) inherit from the <code class="hljs inline no-lang">Parser</code> interface so that they can be treated similarly where possible e.g, during testing.</li></ul> <h3 id="2-4-model-component">2.4 Model component<a href="#2-4-model-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/model/Model.java"><code class="hljs inline no-lang">Model.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/ModelClassDiagram.png" width="800" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The <code class="hljs inline no-lang">Model</code> component,</p> <ul><li>stores the PatientSync data i.e., all <code class="hljs inline no-lang">Patient</code> objects (which are contained in a <code class="hljs inline no-lang">UniquePatientList</code> object).</li> <li>stores the currently 'selected' <code class="hljs inline no-lang">Patient</code> objects (e.g., results of a search query) as a separate <em>filtered</em> list which is exposed to outsiders as an unmodifiable <code class="hljs inline no-lang">ObservableList&lt;Patient&gt;</code> that can be 'observed' e.g. the UI can be bound to this list so that the UI automatically updates when the data in the list change.</li> <li>stores a <code class="hljs inline no-lang">UserPref</code> object that represents the user’s preferences. This is exposed to the outside as a <code class="hljs inline no-lang">ReadOnlyUserPref</code> objects.</li> <li>does not depend on any of the other three components (as the <code class="hljs inline no-lang">Model</code> represents data entities of the domain, they should make sense on their own without depending on other components)</li></ul> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Note:</strong> An alternative (arguably, a more OOP) model is given below. It has a <code class="hljs inline no-lang" data-v-0eabf1c4>Tag</code> list in the <code class="hljs inline no-lang" data-v-0eabf1c4>AddressBook</code>, which <code class="hljs inline no-lang" data-v-0eabf1c4>Patient</code> references. This allows <code class="hljs inline no-lang" data-v-0eabf1c4>AddressBook</code> to only require one <code class="hljs inline no-lang" data-v-0eabf1c4>Tag</code> object per unique tag, instead of each <code class="hljs inline no-lang" data-v-0eabf1c4>Patient</code> needing their own <code class="hljs inline no-lang" data-v-0eabf1c4>Tag</code> objects.<br data-v-0eabf1c4></p> <span class="image-wrapper"><img src="/tp/diagrams/BetterModelClassDiagram.png" width="800" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span></div> <!----></div></div></div> <h3 id="2-5-storage-component">2.5 Storage component<a href="#2-5-storage-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S2-CS2103-F09-2/tp/blob/master/src/main/java/seedu/address/storage/Storage.java"><code class="hljs inline no-lang">Storage.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/StorageClassDiagram.png" width="800" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The <code class="hljs inline no-lang">Storage</code> component,</p> <ul><li>can save both PatientSync data and user preference data in JSON format, and read them back into corresponding objects.</li> <li>inherits from both <code class="hljs inline no-lang">AddressBookStorage</code> and <code class="hljs inline no-lang">UserPrefStorage</code>, which means it can be treated as either one (if only the functionality of only one is needed).</li> <li>depends on some classes in the <code class="hljs inline no-lang">Model</code> component (because the <code class="hljs inline no-lang">Storage</code> component's job is to save/retrieve objects that belong to the <code class="hljs inline no-lang">Model</code>)</li></ul> <h3 id="2-6-common-classes">2.6 Common classes<a href="#2-6-common-classes" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Classes used by multiple components are in the <code class="hljs inline no-lang">seedu.address.commons</code> package.</p> <hr> <h2 id="3-implementation">3 Implementation<a href="#3-implementation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This section describes some noteworthy details on how certain features are implemented.</p> <h3 id="3-1-adding-a-patient">3.1 Adding a Patient<a href="#3-1-adding-a-patient" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="introduction">Introduction<a href="#introduction" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The <code class="hljs inline no-lang">AddCommand</code> class is responsible for adding new patient's information in PatientSync.</p> <h4 id="specifications">Specifications<a href="#specifications" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <ul><li>AddCommand, as defined by the <code class="hljs inline no-lang">AddCommand</code> class, contain parameters which consists of:
 <ul><li><code class="hljs inline no-lang">patientHospitalId</code>: String of non-negative numeric characters which uniquely identifies the patient,</li> <li><code class="hljs inline no-lang">name</code>, <code class="hljs inline no-lang">preferredName</code>: String which contains alphanumeric characters and spaces,</li> <li><code class="hljs inline no-lang">foodPreference</code>, <code class="hljs inline no-lang">familyCondition</code>, <code class="hljs inline no-lang">hobby</code>: String and all kinds of characters,</li> <li><code class="hljs inline no-lang">tag</code>: String which are alphanumeric.</li></ul></li> <li><code class="hljs inline no-lang">tag</code> field is optional in the AddCommand and can be added later on using the <code class="hljs inline no-lang">AddTagsCommand</code>.</li> <li>A patient can have more than one <code class="hljs inline no-lang">f/FOOD_PREFERENCE</code>, <code class="hljs inline no-lang">c/FAMILY_CONDITION</code> and <code class="hljs inline no-lang">h/HOBBY</code>.</li> <li>If any of the fields such as <code class="hljs inline no-lang">patientHospitalId</code>, <code class="hljs inline no-lang">name</code>, <code class="hljs inline no-lang">preferredName</code> are repeated during the adding of patient, an error message will be thrown.</li> <li>If there are any missing fields, an error message will be thrown.</li></ul> <p>The activity diagram below outlines the steps involved when a user initiates a Add command.</p> <span class="image-wrapper"><img src="/tp/diagrams/AddActivityDiagram.png" alt="AddActivityDiagram" width="" height="" loading="eager" class="img-fluid rounded"> <span class="image-caption"></span></span> <h4 id="example-usage-scenario">Example Usage Scenario<a href="#example-usage-scenario" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>Given below is an example usage scenario and how the group creation mechanism behaves at each step.</p> <p>Step 1: The user accesses the PatientSync application.</p> <p>Step 2: The user executes the <code class="hljs inline no-lang">add id/ 12347 n/ Mary Jane p/ Mary f/ Korean c/ Lives with only daughter h/ Watch Drama</code>
 command to add a new Patient whose patient hospital ID is <code class="hljs inline no-lang">12347</code>,
 with the name <code class="hljs inline no-lang">Mary Jane</code> and preferred name <code class="hljs inline no-lang">Mary</code>, likes to eat <code class="hljs inline no-lang">Korean</code> food and current family condition is
@@ -150,7 +150,7 @@
 Expected: The first event of the first patient is edited to Papa Birthday Celebration.</p></li> <li><p>Other incorrect edit event commands to try: <code class="hljs inline no-lang">edite 0</code>, <code class="hljs inline no-lang">edite 1 e/</code><br>
 Expected: Error message displayed.</p></li></ol></li></ol> <h3 id="7-13-sorting-the-patient-list">7.13 Sorting the patient list<a href="#7-13-sorting-the-patient-list" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li><p>Sorting the patient list</p> <ol><li><p>Prerequisites: Patient List should not be empty.</p></li> <li><p>Test case: <code class="hljs inline no-lang">sort p</code><br>
 Expected: The patient list is sorted by patient's preferred name.</p></li> <li><p>Other incorrect sort command to try: <code class="hljs inline no-lang">sort name</code>, <code class="hljs inline no-lang">sort 1</code><br>
-Expected: Error message displayed.</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="#patientsync-developer-guide" data-v-e6005420>PatientSync 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="#1-introduction" data-v-e6005420>1. Introduction‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#1-1-product-overview" data-v-e6005420>1.1 Product Overview‎</a> <a class="nav-link py-1" href="#1-2-setting-up-getting-started" data-v-e6005420>1.2 Setting up, getting started‎</a> <a class="nav-link py-1" href="#1-3-acknowledgements" data-v-e6005420>1.3 Acknowledgements‎</a></nav> <a class="nav-link py-1" href="#2-design" data-v-e6005420>2 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="#2-1-architecture" data-v-e6005420>2.1 Architecture‎</a> <a class="nav-link py-1" href="#2-2-ui-component" data-v-e6005420>2.2 UI component‎</a> <a class="nav-link py-1" href="#2-3-logic-component" data-v-e6005420>2.3 Logic component‎</a> <a class="nav-link py-1" href="#2-4-model-component" data-v-e6005420>2.4 Model component‎</a> <a class="nav-link py-1" href="#2-5-storage-component" data-v-e6005420>2.5 Storage component‎</a> <a class="nav-link py-1" href="#2-6-common-classes" data-v-e6005420>2.6 Common classes‎</a></nav> <a class="nav-link py-1" href="#3-implementation" data-v-e6005420>3 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="#3-1-adding-a-patient" data-v-e6005420>3.1 Adding a Patient‎</a> <a class="nav-link py-1" href="#3-2-adding-tags-to-a-patient" data-v-e6005420>3.2 Adding Tags to a Patient‎</a> <a class="nav-link py-1" href="#3-3-deleting-tags-from-a-patient" data-v-e6005420>3.3 Deleting Tags From a Patient‎</a> <a class="nav-link py-1" href="#3-4-adding-an-event-to-a-patient" data-v-e6005420>3.4 Adding an Event to a Patient‎</a> <a class="nav-link py-1" href="#3-5-editing-a-patient" data-v-e6005420>3.5 Editing a Patient‎</a> <a class="nav-link py-1" href="#3-6-deleting-an-event-from-a-patient" data-v-e6005420>3.6 Deleting an Event from a Patient‎</a> <a class="nav-link py-1" href="#3-7-editing-an-event-for-a-patient" data-v-e6005420>3.7 Editing an Event for a Patient‎</a> <a class="nav-link py-1" href="#3-8-deleting-a-patient" data-v-e6005420>3.8 Deleting a Patient‎</a> <a class="nav-link py-1" href="#3-9-listing-all-patients" data-v-e6005420>3.9 Listing all Patients‎</a> <a class="nav-link py-1" href="#3-10-finding-patients-by-name" data-v-e6005420>3.10 Finding patients by name‎</a> <a class="nav-link py-1" href="#3-11-finding-patients-by-tag" data-v-e6005420>3.11 Finding patients by tag‎</a> <a class="nav-link py-1" href="#3-12-sorting-patients-by-specified-attributes" data-v-e6005420>3.12 Sorting patients by specified attributes‎</a></nav> <a class="nav-link py-1" href="#4-planned-enhancements" data-v-e6005420>4 Planned Enhancements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#4-1-input-validation-and-error-handling-for-tags" data-v-e6005420>4.1 Input Validation and Error Handling for Tags‎</a> <a class="nav-link py-1" href="#4-2-edit-tags-feature" data-v-e6005420>4.2 Edit tags feature‎</a> <a class="nav-link py-1" href="#4-3-input-validation-for-events" data-v-e6005420>4.3 Input Validation for Events‎</a> <a class="nav-link py-1" href="#4-4-addition-of-an-upper-and-lower-bound-for-event-date-or-datetime" data-v-e6005420>4.4 Addition of an Upper and Lower Bound for Event Date or Datetime‎</a> <a class="nav-link py-1" href="#4-5-case-sensitivity-duplicate-checks-for-events" data-v-e6005420>4.5 Case Sensitivity Duplicate Checks for Events‎</a> <a class="nav-link py-1" href="#4-6-input-validation-for-patient-s-name" data-v-e6005420>4.6 Input Validation for Patient's Name‎</a> <a class="nav-link py-1" href="#4-7-implementation-on-patienthospitalid" data-v-e6005420>4.7 Implementation on PatientHospitalId‎</a> <a class="nav-link py-1" href="#4-8-displaying-patienthospitalid-in-ui" data-v-e6005420>4.8 Displaying PatientHospitalId in UI‎</a> <a class="nav-link py-1" href="#4-9-standardise-error-message-for-index-out-of-bounds-errors" data-v-e6005420>4.9 Standardise Error Message for Index Out of Bounds Errors‎</a> <a class="nav-link py-1" href="#4-10-implement-a-specific-error-message-for-invalid-attributes-in-sort-command" data-v-e6005420>4.10 Implement a specific error message for invalid attributes in sort command‎</a></nav> <a class="nav-link py-1" href="#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>5 Documentation, logging, testing, configuration, dev-ops‎</a> <a class="nav-link py-1" href="#6-appendix-requirements" data-v-e6005420>6 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="#6-1-product-scope" data-v-e6005420>6.1 Product scope‎</a> <a class="nav-link py-1" href="#6-2-user-stories" data-v-e6005420>6.2 User stories‎</a> <a class="nav-link py-1" href="#6-3-use-cases" data-v-e6005420>6.3 Use cases‎</a> <a class="nav-link py-1" href="#6-4-non-functional-requirements" data-v-e6005420>6.4 Non-Functional Requirements‎</a> <a class="nav-link py-1" href="#6-5-glossary" data-v-e6005420>6.5 Glossary‎</a></nav> <a class="nav-link py-1" href="#7-appendix-instructions-for-manual-testing" data-v-e6005420>7 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="#7-1-launch-and-window-preferences" data-v-e6005420>7.1 Launch and window preferences‎</a> <a class="nav-link py-1" href="#7-2-adding-a-patient" data-v-e6005420>7.2 Adding a patient‎</a> <a class="nav-link py-1" href="#7-3-deleting-a-patient" data-v-e6005420>7.3 Deleting a patient‎</a> <a class="nav-link py-1" href="#7-4-listing-all-patients" data-v-e6005420>7.4 Listing all patients‎</a> <a class="nav-link py-1" href="#7-5-editing-a-patient" data-v-e6005420>7.5 Editing a patient‎</a> <a class="nav-link py-1" href="#7-6-finding-a-patient-by-name" data-v-e6005420>7.6 Finding a patient by name‎</a> <a class="nav-link py-1" href="#7-7-adding-tags-to-a-patient" data-v-e6005420>7.7 Adding tags to a patient‎</a> <a class="nav-link py-1" href="#7-8-deleting-tags-from-a-patient" data-v-e6005420>7.8 Deleting tags from a patient‎</a> <a class="nav-link py-1" href="#7-9-finding-patients-by-tag" data-v-e6005420>7.9 Finding patients by tag‎</a> <a class="nav-link py-1" href="#7-10-adding-an-event-to-a-patient" data-v-e6005420>7.10 Adding an event to a patient‎</a> <a class="nav-link py-1" href="#7-11-deleting-an-event-from-a-patient" data-v-e6005420>7.11 Deleting an event from a patient‎</a> <a class="nav-link py-1" href="#7-12-editing-an-event-for-a-patient" data-v-e6005420>7.12 Editing an event for a patient‎</a> <a class="nav-link py-1" href="#7-13-sorting-the-patient-list" data-v-e6005420>7.13 Sorting the patient list‎</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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 GMT+8]</small></div></footer></div>
+Expected: Error message displayed.</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="#patientsync-developer-guide" data-v-e6005420>PatientSync 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="#1-introduction" data-v-e6005420>1. Introduction‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#1-1-product-overview" data-v-e6005420>1.1 Product Overview‎</a> <a class="nav-link py-1" href="#1-2-setting-up-getting-started" data-v-e6005420>1.2 Setting up, getting started‎</a> <a class="nav-link py-1" href="#1-3-acknowledgements" data-v-e6005420>1.3 Acknowledgements‎</a></nav> <a class="nav-link py-1" href="#2-design" data-v-e6005420>2 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="#2-1-architecture" data-v-e6005420>2.1 Architecture‎</a> <a class="nav-link py-1" href="#2-2-ui-component" data-v-e6005420>2.2 UI component‎</a> <a class="nav-link py-1" href="#2-3-logic-component" data-v-e6005420>2.3 Logic component‎</a> <a class="nav-link py-1" href="#2-4-model-component" data-v-e6005420>2.4 Model component‎</a> <a class="nav-link py-1" href="#2-5-storage-component" data-v-e6005420>2.5 Storage component‎</a> <a class="nav-link py-1" href="#2-6-common-classes" data-v-e6005420>2.6 Common classes‎</a></nav> <a class="nav-link py-1" href="#3-implementation" data-v-e6005420>3 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="#3-1-adding-a-patient" data-v-e6005420>3.1 Adding a Patient‎</a> <a class="nav-link py-1" href="#3-2-adding-tags-to-a-patient" data-v-e6005420>3.2 Adding Tags to a Patient‎</a> <a class="nav-link py-1" href="#3-3-deleting-tags-from-a-patient" data-v-e6005420>3.3 Deleting Tags From a Patient‎</a> <a class="nav-link py-1" href="#3-4-adding-an-event-to-a-patient" data-v-e6005420>3.4 Adding an Event to a Patient‎</a> <a class="nav-link py-1" href="#3-5-editing-a-patient" data-v-e6005420>3.5 Editing a Patient‎</a> <a class="nav-link py-1" href="#3-6-deleting-an-event-from-a-patient" data-v-e6005420>3.6 Deleting an Event from a Patient‎</a> <a class="nav-link py-1" href="#3-7-editing-an-event-for-a-patient" data-v-e6005420>3.7 Editing an Event for a Patient‎</a> <a class="nav-link py-1" href="#3-8-deleting-a-patient" data-v-e6005420>3.8 Deleting a Patient‎</a> <a class="nav-link py-1" href="#3-9-listing-all-patients" data-v-e6005420>3.9 Listing all Patients‎</a> <a class="nav-link py-1" href="#3-10-finding-patients-by-name" data-v-e6005420>3.10 Finding patients by name‎</a> <a class="nav-link py-1" href="#3-11-finding-patients-by-tag" data-v-e6005420>3.11 Finding patients by tag‎</a> <a class="nav-link py-1" href="#3-12-sorting-patients-by-specified-attributes" data-v-e6005420>3.12 Sorting patients by specified attributes‎</a></nav> <a class="nav-link py-1" href="#4-planned-enhancements" data-v-e6005420>4 Planned Enhancements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#4-1-input-validation-and-error-handling-for-tags" data-v-e6005420>4.1 Input Validation and Error Handling for Tags‎</a> <a class="nav-link py-1" href="#4-2-edit-tags-feature" data-v-e6005420>4.2 Edit tags feature‎</a> <a class="nav-link py-1" href="#4-3-input-validation-for-events" data-v-e6005420>4.3 Input Validation for Events‎</a> <a class="nav-link py-1" href="#4-4-addition-of-an-upper-and-lower-bound-for-event-date-or-datetime" data-v-e6005420>4.4 Addition of an Upper and Lower Bound for Event Date or Datetime‎</a> <a class="nav-link py-1" href="#4-5-case-sensitivity-duplicate-checks-for-events" data-v-e6005420>4.5 Case Sensitivity Duplicate Checks for Events‎</a> <a class="nav-link py-1" href="#4-6-input-validation-for-patient-s-name" data-v-e6005420>4.6 Input Validation for Patient's Name‎</a> <a class="nav-link py-1" href="#4-7-implementation-on-patienthospitalid" data-v-e6005420>4.7 Implementation on PatientHospitalId‎</a> <a class="nav-link py-1" href="#4-8-displaying-patienthospitalid-in-ui" data-v-e6005420>4.8 Displaying PatientHospitalId in UI‎</a> <a class="nav-link py-1" href="#4-9-standardise-error-message-for-index-out-of-bounds-errors" data-v-e6005420>4.9 Standardise Error Message for Index Out of Bounds Errors‎</a> <a class="nav-link py-1" href="#4-10-implement-a-specific-error-message-for-invalid-attributes-in-sort-command" data-v-e6005420>4.10 Implement a specific error message for invalid attributes in sort command‎</a></nav> <a class="nav-link py-1" href="#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>5 Documentation, logging, testing, configuration, dev-ops‎</a> <a class="nav-link py-1" href="#6-appendix-requirements" data-v-e6005420>6 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="#6-1-product-scope" data-v-e6005420>6.1 Product scope‎</a> <a class="nav-link py-1" href="#6-2-user-stories" data-v-e6005420>6.2 User stories‎</a> <a class="nav-link py-1" href="#6-3-use-cases" data-v-e6005420>6.3 Use cases‎</a> <a class="nav-link py-1" href="#6-4-non-functional-requirements" data-v-e6005420>6.4 Non-Functional Requirements‎</a> <a class="nav-link py-1" href="#6-5-glossary" data-v-e6005420>6.5 Glossary‎</a></nav> <a class="nav-link py-1" href="#7-appendix-instructions-for-manual-testing" data-v-e6005420>7 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="#7-1-launch-and-window-preferences" data-v-e6005420>7.1 Launch and window preferences‎</a> <a class="nav-link py-1" href="#7-2-adding-a-patient" data-v-e6005420>7.2 Adding a patient‎</a> <a class="nav-link py-1" href="#7-3-deleting-a-patient" data-v-e6005420>7.3 Deleting a patient‎</a> <a class="nav-link py-1" href="#7-4-listing-all-patients" data-v-e6005420>7.4 Listing all patients‎</a> <a class="nav-link py-1" href="#7-5-editing-a-patient" data-v-e6005420>7.5 Editing a patient‎</a> <a class="nav-link py-1" href="#7-6-finding-a-patient-by-name" data-v-e6005420>7.6 Finding a patient by name‎</a> <a class="nav-link py-1" href="#7-7-adding-tags-to-a-patient" data-v-e6005420>7.7 Adding tags to a patient‎</a> <a class="nav-link py-1" href="#7-8-deleting-tags-from-a-patient" data-v-e6005420>7.8 Deleting tags from a patient‎</a> <a class="nav-link py-1" href="#7-9-finding-patients-by-tag" data-v-e6005420>7.9 Finding patients by tag‎</a> <a class="nav-link py-1" href="#7-10-adding-an-event-to-a-patient" data-v-e6005420>7.10 Adding an event to a patient‎</a> <a class="nav-link py-1" href="#7-11-deleting-an-event-from-a-patient" data-v-e6005420>7.11 Deleting an event from a patient‎</a> <a class="nav-link py-1" href="#7-12-editing-an-event-for-a-patient" data-v-e6005420>7.12 Editing an event for a patient‎</a> <a class="nav-link py-1" href="#7-13-sorting-the-patient-list" data-v-e6005420>7.13 Sorting the patient list‎</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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 986be02d6a6..9d07113843a 100644
--- a/DeveloperGuide.page-vue-render.js
+++ b/DeveloperGuide.page-vue-render.js
@@ -1,7 +1,7 @@
 
     var pageVueRenderFn = function anonymous(
 ) {
-with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""}},[_c('navbar',{attrs:{"type":"dark"},scopedSlots:_u([{key:"brand",fn:function(){return [_c('a',{staticClass:"navbar-brand",attrs:{"href":"/tp/index.html","title":"Home"}},[_v("PatientSync")])]},proxy:true},{key:"right",fn:function(){return [_c('li',[_c('form',{staticClass:"navbar-form"},[_c('searchbar',{attrs:{"data":searchData,"placeholder":"Search","on-hit":searchCallback,"menu-align-right":""}})],1)])]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/index.html"}},[_v("Home")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/UserGuide.html"}},[_v("User Guide")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/DeveloperGuide.html"}},[_v("Developer Guide")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/AboutUs.html"}},[_v("About Us")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"https://github.com/AY2324S2-CS2103-F09-2/tp","target":"_blank"}},[_c('span',[_c('span',{staticClass:"fab fa-github",attrs:{"aria-hidden":"true"}})])])])])],1),_v(" "),_c('div',{attrs:{"id":"flex-body"}},[_c('overlay-source',{attrs:{"id":"site-nav","tag-name":"nav","to":"site-nav"}},[_c('div',{staticClass:"site-nav-top"},[_c('div',{staticClass:"fw-bold mb-2",staticStyle:{"font-size":"1.25rem"}},[_v("Site Map")])]),_v(" "),_c('div',{staticClass:"nav-component slim-scroll"},[_c('site-nav',[_c('overlay-source',{staticClass:"site-nav-list site-nav-list-root",attrs:{"tag-name":"ul","to":"mb-site-nav"}},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/index.html"}},[_v("Home")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html"}},[_v("User Guide")]),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#quick-start"}},[_v("Quick Start")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#features"}},[_v("Features")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#faq"}},[_v("FAQ")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#faq"}},[_v("Command Summary")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html"}},[_v("Developer Guide")]),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#acknowledgements"}},[_v("Acknowledgements")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#setting-up-getting-started"}},[_v("Setting Up")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#design"}},[_v("Design")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#implementation"}},[_v("Implementation")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation, logging, testing, configuration, dev-ops")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#appendix-requirements"}},[_v("Appendix: Requirements")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing"}},[_v("Appendix: Instructions for manual testing")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Tutorials\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/TracingCode.html"}},[_v("Tracing code")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/AddRemark.html"}},[_v("Adding a command")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/RemovingFields.html"}},[_v("Removing Fields")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/AboutUs.html"}},[_v("About Us")])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_c('hr'),_v(" "),_m(1),_v(" "),_m(2),_v(" "),_c('p',[_v("PatientSync addresses a crucial gap in the current hospital systems by providing nurses with a comprehensive tool to manage patient information beyond administrative details.")]),_v(" "),_c('p',[_v("In many hospitals, the existing systems typically offer basic administrative information such as patient names and contact details. However, they often lack the capacity to delve into the intimate details of patient care.")]),_v(" "),_c('p',[_v("This app can help with personalised and effective care by:")]),_v(" "),_m(3),_v(" "),_c('hr'),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_c('hr'),_v(" "),_m(6),_v(" "),_c('p',[_v("PatientSync is a brownfield Java Project based on the AB3 project template created by the SE-EDU initiative.")]),_v(" "),_c('hr'),_v(" "),_m(7),_v(" "),_m(8),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureDiagram.png","width":"280"}}),_v(" "),_m(9),_v(" "),_c('p',[_v("Given below is a quick overview of main components and how they interact with each other.")]),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_m(12),_v(" "),_c('p',[_v("The bulk of the app's work is done by the following four components:")]),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_m(16),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureSequenceDiagram.png","width":"574"}}),_v(" "),_c('p',[_v("Each of the four main components (also shown in the diagram above),")]),_v(" "),_m(17),_v(" "),_m(18),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ComponentManagers.png","width":"300"}}),_v(" "),_c('p',[_v("The sections below give more details of each component.")]),_v(" "),_m(19),_v(" "),_m(20),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UiClassDiagram.png","alt":"Structure of the UI Component"}}),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_m(27),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/LogicClassDiagram.png","width":"550"}}),_v(" "),_m(28),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteSequenceDiagram.png","alt":"Interactions Inside the Logic Component for the `delete 1` Command"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommand")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline continues till the end of diagram.")])]),_v(" "),_m(29),_v(" "),_m(30),_v(" "),_m(31),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ParserClasses.png","width":"600"}}),_v(" "),_c('p',[_v("How the parsing works:")]),_v(" "),_m(32),_v(" "),_m(33),_v(" "),_m(34),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ModelClassDiagram.png","width":"450"}}),_v(" "),_m(35),_v(" "),_m(36),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" An alternative (arguably, a more OOP) model is given below. It has a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" list in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddressBook")]),_v(", which "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Patient")]),_v(" references. This allows "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddressBook")]),_v(" to only require one "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" object per unique tag, instead of each "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Patient")]),_v(" needing their own "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" objects."),_c('br')]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/BetterModelClassDiagram.png","width":"450"}})],1),_v(" "),_m(37),_v(" "),_m(38),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StorageClassDiagram.png","width":"550"}}),_v(" "),_m(39),_v(" "),_m(40),_v(" "),_m(41),_v(" "),_m(42),_v(" "),_c('hr'),_v(" "),_m(43),_v(" "),_c('p',[_v("This section describes some noteworthy details on how certain features are implemented.")]),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_m(46),_v(" "),_m(47),_v(" "),_m(48),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Add command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddActivityDiagram.png","alt":"AddActivityDiagram"}}),_v(" "),_m(49),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_m(52),_v(" "),_c('p',[_v("Step 4: The newly added Patient will be added to the end of list, shown in the UI.")]),_v(" "),_m(53),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddSequenceDiagram.png","alt":"Add Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(54),_v(" "),_m(55),_v(" "),_m(56),_v(" "),_m(57),_v(" "),_m(58),_v(" "),_m(59),_v(" "),_m(60),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_c('hr'),_v(" "),_m(63),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_m(66),_v(" "),_m(67),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates an Add Tags command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddTagsActivityDiagram.png","alt":"AddTagsActivityDiagram"}}),_v(" "),_m(68),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the tag addition process behaves at each step:")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(69),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('b',[_v("Note")]),_v(": Since multiple inputs are allowed, a set of tags are passed around, each of which is to be added if the above requirements are met.\n")]),_v(" "),_c('p',[_v("The following sequence diagram shows how the Add Tags operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddTagsSequenceDiagram.png","alt":"AddTagsSequenceDiagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagsCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagsCommand")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(70),_v(" "),_m(71),_v(" "),_m(72),_v(" "),_m(73),_v(" "),_m(74),_v(" "),_m(75),_v(" "),_m(76),_v(" "),_c('hr'),_v(" "),_m(77),_v(" "),_m(78),_v(" "),_m(79),_v(" "),_m(80),_v(" "),_m(81),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Delete Tags command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteTagsActivityDiagram.png","alt":"DeleteTagsActivityDiagram"}}),_v(" "),_m(82),_v(" "),_c('p',[_v("Below is an example scenario of how the tag deletion process works within the PatientSync application:")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(83),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('b',[_v("Note")]),_v(": Since multiple inputs are allowed, a set of tags to be deleted is passed, each of which will be removed if found associated with the patient.\n")]),_v(" "),_c('p',[_v("The following sequence diagram shows how the Delete Tags operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteTagsSequenceDiagram.png","alt":"DeleteTagsSequenceDiagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagsCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagsCommand")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_m(86),_v(" "),_m(87),_v(" "),_m(88),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_c('hr'),_v(" "),_m(91),_v(" "),_m(92),_v(" "),_m(93),_v(" "),_m(94),_v(" "),_m(95),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Add Event command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddEventActivityDiagram.png","alt":"AddEventActivityDiagram"}}),_v(" "),_m(96),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(97),_v(" "),_m(98),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('b',[_v("Note")]),_v(": Only 1 Event can be added at a time per command")])]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddEventSequenceDiagram.png","alt":"Add Event Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('b',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddEventCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddEventCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(99),_v(" "),_m(100),_v(" "),_m(101),_v(" "),_m(102),_v(" "),_m(103),_v(" "),_m(104),_v(" "),_m(105),_v(" "),_c('hr'),_v(" "),_m(106),_v(" "),_m(107),_v(" "),_m(108),_v(" "),_m(109),_v(" "),_m(110),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Edit command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/EditActivityDiagram.png","alt":"EditActivityDiagram"}}),_v(" "),_m(111),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(112),_v(" "),_m(113),_v(" "),_m(114),_v(" "),_c('p',[_v("Step 4: The Patient with specified index will be updated in the list, shown in the UI.")]),_v(" "),_m(115),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/EditSequenceDiagram.png","alt":"Edit Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('b',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("EditCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("EditCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(116),_v(" "),_m(117),_v(" "),_m(118),_v(" "),_m(119),_v(" "),_m(120),_v(" "),_c('hr'),_v(" "),_m(121),_v(" "),_m(122),_v(" "),_m(123),_v(" "),_m(124),_v(" "),_m(125),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Delete Event command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteEventActivityDiagram.png","alt":"DeleteEventActivityDiagram"}}),_v(" "),_m(126),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(127),_v(" "),_m(128),_v(" "),_m(129),_v(" "),_m(130),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Delete Event operation works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteEventSequenceDiagram.png","alt":"Delete Event Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteEventCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteEventCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(131),_v(" "),_m(132),_v(" "),_m(133),_v(" "),_m(134),_v(" "),_m(135),_v(" "),_c('hr'),_v(" "),_m(136),_v(" "),_m(137),_v(" "),_m(138),_v(" "),_m(139),_v(" "),_m(140),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates an Edit Event command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/EditEventActivityDiagram.png","alt":"EditEventActivityDiagram"}}),_v(" "),_m(141),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(142),_v(" "),_m(143),_v(" "),_m(144),_v(" "),_m(145),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Edit Event operations works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/EditEventSequenceDiagram.png","alt":"Edit Event Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("EditEventCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("EditEventCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(146),_v(" "),_m(147),_v(" "),_m(148),_v(" "),_c('hr'),_v(" "),_m(149),_v(" "),_m(150),_v(" "),_m(151),_v(" "),_m(152),_v(" "),_m(153),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Delete command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteActivityDiagram.png","alt":"Delete Activity Diagram"}}),_v(" "),_m(154),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_c('p',[_v("Step 2: The user see all the patients in PatientSync.")]),_v(" "),_c('p',[_v("Step 3: The user decide to remove the first patient in PatientSync.")]),_v(" "),_m(155),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Delete operations works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteSequenceDiagram.png","alt":"Delete Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(156),_v(" "),_m(157),_v(" "),_m(158),_v(" "),_m(159),_v(" "),_m(160),_v(" "),_m(161),_v(" "),_m(162),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ListSequenceDiagram.png","alt":"List Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_c('hr'),_v(" "),_m(163),_v(" "),_m(164),_v(" "),_m(165),_v(" "),_m(166),_v(" "),_m(167),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Find command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindActivityDiagram.png","alt":"Find Activity Diagram"}}),_v(" "),_m(168),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(169),_v(" "),_m(170),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Find operations works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindSequenceDiagram.png","alt":"Find Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(171),_v(" "),_m(172),_v(" "),_m(173),_v(" "),_c('hr'),_v(" "),_m(174),_v(" "),_m(175),_v(" "),_m(176),_v(" "),_m(177),_v(" "),_m(178),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Find Tags command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindTagsActivityDiagram.png","alt":"Find Tags Activity Diagram"}}),_v(" "),_m(179),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(180),_v(" "),_m(181),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Find Tags operations works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindTagsSequenceDiagram.png","alt":"Find Tags Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindTagsCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindTagsCommand")]),_v(" should end at the destroy marker\n(X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(182),_v(" "),_m(183),_v(" "),_m(184),_v(" "),_c('hr'),_v(" "),_m(185),_v(" "),_m(186),_v(" "),_m(187),_v(" "),_m(188),_v(" "),_m(189),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Delete Event command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/SortActivityDiagram.png","alt":"SortActivityDiagram"}}),_v(" "),_m(190),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(191),_v(" "),_m(192),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Sort operations works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/SortSequenceDiagram.png","alt":"Sort Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SortCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SortCommand")]),_v(" should end at the destroy marker\n(X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(193),_v(" "),_m(194),_v(" "),_m(195),_v(" "),_m(196),_v(" "),_m(197),_v(" "),_m(198),_v(" "),_m(199),_v(" "),_m(200),_v(" "),_m(201),_v(" "),_c('hr'),_v(" "),_m(202),_v(" "),_c('p',[_v("Team size: 5")]),_v(" "),_m(203),_v(" "),_m(204),_v(" "),_c('p',[_v("To mitigate this, we are planning enhancements to include robust input validation, warnings for potential errors, and improved error messages. When an invalid input is detected, the system will provide even clearer feedback to the user, indicating the specific issue and suggesting corrective actions. This would include errors arising from missing index, and clearer distinctions between non-negative indexes and out of bounds indexes.")]),_v(" "),_c('p',[_v("Additionally, an interactive command assistance feature will be introduced, offering real-time suggestions. These enhancements aim to improve the user experience, enhance system reliability, and bolster command comprehension within the PatientSync application.")]),_v(" "),_m(205),_v(" "),_c('p',[_v("Currently, the process of modifying patient tags in the PatientSync application can be cumbersome, requiring users to delete and re-add tags individually. This can lead to potential errors, especially when handling a large number of tags or making multiple changes.")]),_v(" "),_c('p',[_v("To address this, we plan to introduce the EditTagsCommand feature, providing users with a more flexible and efficient way to manage patient tags. The planned EditTagsCommand feature is designed to enhance user productivity, reduce the likelihood of errors, and improve overall usability within PatientSync.")]),_v(" "),_m(206),_v(" "),_m(207),_v(" "),_c('p',[_v("This can lead to potential errors if the user has accidentally mistyped the date and/or time when inputting the command, leading to confusion further down the line.")]),_v(" "),_m(208),_v(" "),_m(209),_v(" "),_m(210),_v(" "),_m(211),_v(" "),_m(212),_v(" "),_c('p',[_v("Presently, we do not restrict the user from adding events at any date. As such, the user is able to add Events for a Patient on unrealistic dates, i.e., 4000 years into the Future or Past. Adding such Events is more likely to be a typographical error and thus, we should warn the user (similar to how we warn the user for past events). We choose to warn the user rather than error on the command as it is possible, albeit rare, for a Person to live more than a 100 years.")]),_v(" "),_m(213),_v(" "),_m(214),_v(" "),_m(215),_v(" "),_c('p',[_v("To address this, we plan to make the Duplicate Check for Events case sensitive, such that we detect these scenarios. PatientSync would then also return a Success Result, albeit with the special Duplicate Message, to the user.")]),_v(" "),_m(216),_v(" "),_m(217),_v(" "),_c('p',[_v("This can lead to potential troubles where user is not able to input patient's full name when necessary, but need to ignore the special characters during the Name insertion.")]),_v(" "),_m(218),_v(" "),_c('p',[_v("Specifically, we intend to perform the following validations with special characters:")]),_v(" "),_m(219),_v(" "),_m(220),_v(" "),_m(221),_v(" "),_m(222),_v(" "),_c('p',[_v("This can lead to potential errors such as unlimited size of the input and input with all zeros.")]),_v(" "),_m(223),_v(" "),_c('p',[_v("Specifically, we intend to perform the following validations:")]),_v(" "),_m(224),_v(" "),_m(225),_v(" "),_m(226),_v(" "),_m(227),_v(" "),_m(228),_v(" "),_m(229),_v(" "),_c('p',[_v("Presently, when attempting run commands which requires an index value to be passed in, 2 possible error message are thrown:")]),_v(" "),_m(230),_v(" "),_c('p',[_v("This may cause confusion, especially in the first scenario, as the user may mistakenly believe that the command they had inputted was erroneous due to the format, rather than the value.")]),_v(" "),_m(231),_v(" "),_m(232),_v(" "),_c('p',[_v("Presently, when an invalid sort attribute is provided by the user input, the error message will be:")]),_v(" "),_m(233),_v(" "),_c('p',[_v("This may cause confusion as the user may mistakenly believe that the command they had inputted was erroneous due to the format, rather than the invalid sort attribute.")]),_v(" "),_m(234),_v(" "),_c('hr'),_v(" "),_m(235),_v(" "),_m(236),_v(" "),_c('hr'),_v(" "),_m(237),_v(" "),_m(238),_v(" "),_m(239),_v(" "),_m(240),_v(" "),_m(241),_v(" "),_m(242),_v(" "),_m(243),_v(" "),_m(244),_m(245),_v(" "),_m(246),_v(" "),_m(247),_v(" "),_m(248),_v(" "),_m(249),_v(" "),_m(250),_v(" "),_m(251),_v(" "),_m(252),_v(" "),_m(253),_v(" "),_m(254),_v(" "),_m(255),_v(" "),_m(256),_v(" "),_m(257),_v(" "),_m(258),_v(" "),_m(259),_v(" "),_m(260),_v(" "),_m(261),_v(" "),_m(262),_v(" "),_m(263),_v(" "),_m(264),_v(" "),_m(265),_v(" "),_m(266),_v(" "),_m(267),_v(" "),_m(268),_v(" "),_m(269),_v(" "),_m(270),_v(" "),_m(271),_v(" "),_m(272),_v(" "),_m(273),_v(" "),_m(274),_v(" "),_m(275),_v(" "),_m(276),_v(" "),_m(277),_v(" "),_m(278),_v(" "),_m(279),_v(" "),_m(280),_v(" "),_m(281),_v(" "),_m(282),_v(" "),_m(283),_v(" "),_m(284),_v(" "),_m(285),_v(" "),_m(286),_v(" "),_m(287),_v(" "),_m(288),_v(" "),_m(289),_v(" "),_m(290),_v(" "),_m(291),_v(" "),_m(292),_v(" "),_m(293),_v(" "),_m(294),_v(" "),_m(295),_v(" "),_m(296),_v(" "),_m(297),_v(" "),_m(298),_v(" "),_m(299),_v(" "),_m(300),_v(" "),_m(301),_v(" "),_m(302),_v(" "),_m(303),_v(" "),_m(304),_v(" "),_m(305),_v(" "),_m(306),_v(" "),_m(307),_v(" "),_m(308),_v(" "),_m(309),_v(" "),_m(310),_v(" "),_m(311),_v(" "),_m(312),_v(" "),_m(313),_v(" "),_m(314),_v(" "),_m(315),_v(" "),_m(316),_v(" "),_m(317),_v(" "),_m(318),_v(" "),_m(319),_v(" "),_c('hr'),_v(" "),_m(320),_v(" "),_c('p',[_v("Given below are instructions to test the app manually.")]),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" These instructions only provide a starting point for testers to work on;\ntesters are expected to do more "),_c('em',[_v("exploratory")]),_v(" testing.")])]),_v(" "),_m(321),_v(" "),_m(322),_v(" "),_m(323),_v(" "),_m(324),_v(" "),_m(325),_v(" "),_m(326),_v(" "),_m(327),_v(" "),_m(328),_v(" "),_m(329),_v(" "),_m(330),_v(" "),_m(331),_v(" "),_m(332),_v(" "),_m(333),_v(" "),_m(334),_v(" "),_m(335),_v(" "),_m(336),_v(" "),_m(337),_v(" "),_m(338),_v(" "),_m(339),_v(" "),_m(340),_v(" "),_m(341),_v(" "),_m(342),_v(" "),_m(343),_v(" "),_m(344),_v(" "),_m(345),_v(" "),_m(346)],1),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"},[_c('overlay-source',{staticClass:"nav nav-pills flex-column my-0 small no-flex-wrap",attrs:{"id":"mb-page-nav","tag-name":"nav","to":"mb-page-nav"}},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#patientsync-developer-guide"}},[_v("PatientSync Developer Guide‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-introduction"}},[_v("1. Introduction‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-1-product-overview"}},[_v("1.1 Product Overview‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-2-setting-up-getting-started"}},[_v("1.2 Setting up, getting started‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-3-acknowledgements"}},[_v("1.3 Acknowledgements‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-design"}},[_v("2 Design‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-1-architecture"}},[_v("2.1 Architecture‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-2-ui-component"}},[_v("2.2 UI component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-3-logic-component"}},[_v("2.3 Logic component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-4-model-component"}},[_v("2.4 Model component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-5-storage-component"}},[_v("2.5 Storage component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-6-common-classes"}},[_v("2.6 Common classes‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-implementation"}},[_v("3 Implementation‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-1-adding-a-patient"}},[_v("3.1 Adding a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-2-adding-tags-to-a-patient"}},[_v("3.2 Adding Tags to a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-3-deleting-tags-from-a-patient"}},[_v("3.3 Deleting Tags From a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-4-adding-an-event-to-a-patient"}},[_v("3.4 Adding an Event to a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-5-editing-a-patient"}},[_v("3.5 Editing a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-6-deleting-an-event-from-a-patient"}},[_v("3.6 Deleting an Event from a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-7-editing-an-event-for-a-patient"}},[_v("3.7 Editing an Event for a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-8-deleting-a-patient"}},[_v("3.8 Deleting a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-9-listing-all-patients"}},[_v("3.9 Listing all Patients‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-10-finding-patients-by-name"}},[_v("3.10 Finding patients by name‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-11-finding-patients-by-tag"}},[_v("3.11 Finding patients by tag‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-12-sorting-patients-by-specified-attributes"}},[_v("3.12 Sorting patients by specified attributes‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-planned-enhancements"}},[_v("4 Planned Enhancements‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-1-input-validation-and-error-handling-for-tags"}},[_v("4.1 Input Validation and Error Handling for Tags‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-2-edit-tags-feature"}},[_v("4.2 Edit tags feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-3-input-validation-for-events"}},[_v("4.3 Input Validation for Events‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-4-addition-of-an-upper-and-lower-bound-for-event-date-or-datetime"}},[_v("4.4 Addition of an Upper and Lower Bound for Event Date or Datetime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-5-case-sensitivity-duplicate-checks-for-events"}},[_v("4.5 Case Sensitivity Duplicate Checks for Events‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-6-input-validation-for-patient-s-name"}},[_v("4.6 Input Validation for Patient's Name‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-7-implementation-on-patienthospitalid"}},[_v("4.7 Implementation on PatientHospitalId‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-8-displaying-patienthospitalid-in-ui"}},[_v("4.8 Displaying PatientHospitalId in UI‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-9-standardise-error-message-for-index-out-of-bounds-errors"}},[_v("4.9 Standardise Error Message for Index Out of Bounds Errors‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-10-implement-a-specific-error-message-for-invalid-attributes-in-sort-command"}},[_v("4.10 Implement a specific error message for invalid attributes in sort command‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#5-documentation-logging-testing-configuration-dev-ops"}},[_v("5 Documentation, logging, testing, configuration, dev-ops‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-appendix-requirements"}},[_v("6 Appendix: Requirements‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-1-product-scope"}},[_v("6.1 Product scope‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-2-user-stories"}},[_v("6.2 User stories‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-3-use-cases"}},[_v("6.3 Use cases‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-4-non-functional-requirements"}},[_v("6.4 Non-Functional Requirements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-5-glossary"}},[_v("6.5 Glossary‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-appendix-instructions-for-manual-testing"}},[_v("7 Appendix: Instructions for manual testing‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-1-launch-and-window-preferences"}},[_v("7.1 Launch and window preferences‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-2-adding-a-patient"}},[_v("7.2 Adding a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-3-deleting-a-patient"}},[_v("7.3 Deleting a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-4-listing-all-patients"}},[_v("7.4 Listing all patients‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-5-editing-a-patient"}},[_v("7.5 Editing a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-6-finding-a-patient-by-name"}},[_v("7.6 Finding a patient by name‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-7-adding-tags-to-a-patient"}},[_v("7.7 Adding tags to a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-8-deleting-tags-from-a-patient"}},[_v("7.8 Deleting tags from a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-9-finding-patients-by-tag"}},[_v("7.9 Finding patients by tag‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-10-adding-an-event-to-a-patient"}},[_v("7.10 Adding an event to a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-11-deleting-an-event-from-a-patient"}},[_v("7.11 Deleting an event from a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-12-editing-an-event-for-a-patient"}},[_v("7.12 Editing an event for a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-13-sorting-the-patient-list"}},[_v("7.13 Sorting the patient list‎")])])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(347)])}
+with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""}},[_c('navbar',{attrs:{"type":"dark"},scopedSlots:_u([{key:"brand",fn:function(){return [_c('a',{staticClass:"navbar-brand",attrs:{"href":"/tp/index.html","title":"Home"}},[_v("PatientSync")])]},proxy:true},{key:"right",fn:function(){return [_c('li',[_c('form',{staticClass:"navbar-form"},[_c('searchbar',{attrs:{"data":searchData,"placeholder":"Search","on-hit":searchCallback,"menu-align-right":""}})],1)])]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/index.html"}},[_v("Home")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/UserGuide.html"}},[_v("User Guide")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/DeveloperGuide.html"}},[_v("Developer Guide")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/AboutUs.html"}},[_v("About Us")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"https://github.com/AY2324S2-CS2103-F09-2/tp","target":"_blank"}},[_c('span',[_c('span',{staticClass:"fab fa-github",attrs:{"aria-hidden":"true"}})])])])])],1),_v(" "),_c('div',{attrs:{"id":"flex-body"}},[_c('overlay-source',{attrs:{"id":"site-nav","tag-name":"nav","to":"site-nav"}},[_c('div',{staticClass:"site-nav-top"},[_c('div',{staticClass:"fw-bold mb-2",staticStyle:{"font-size":"1.25rem"}},[_v("Site Map")])]),_v(" "),_c('div',{staticClass:"nav-component slim-scroll"},[_c('site-nav',[_c('overlay-source',{staticClass:"site-nav-list site-nav-list-root",attrs:{"tag-name":"ul","to":"mb-site-nav"}},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/index.html"}},[_v("Home")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html"}},[_v("User Guide")]),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#quick-start"}},[_v("Quick Start")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#features"}},[_v("Features")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#faq"}},[_v("FAQ")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#faq"}},[_v("Command Summary")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html"}},[_v("Developer Guide")]),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#acknowledgements"}},[_v("Acknowledgements")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#setting-up-getting-started"}},[_v("Setting Up")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#design"}},[_v("Design")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#implementation"}},[_v("Implementation")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation, logging, testing, configuration, dev-ops")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#appendix-requirements"}},[_v("Appendix: Requirements")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing"}},[_v("Appendix: Instructions for manual testing")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Tutorials\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/TracingCode.html"}},[_v("Tracing code")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/AddRemark.html"}},[_v("Adding a command")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/RemovingFields.html"}},[_v("Removing Fields")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/AboutUs.html"}},[_v("About Us")])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_c('hr'),_v(" "),_m(1),_v(" "),_m(2),_v(" "),_c('p',[_v("PatientSync addresses a crucial gap in the current hospital systems by providing nurses with a comprehensive tool to manage patient information beyond administrative details.")]),_v(" "),_c('p',[_v("In many hospitals, the existing systems typically offer basic administrative information such as patient names and contact details. However, they often lack the capacity to delve into the intimate details of patient care.")]),_v(" "),_c('p',[_v("This app can help with personalised and effective care by:")]),_v(" "),_m(3),_v(" "),_c('hr'),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_c('hr'),_v(" "),_m(6),_v(" "),_c('p',[_v("PatientSync is a brownfield Java Project based on the AB3 project template created by the SE-EDU initiative.")]),_v(" "),_c('hr'),_v(" "),_m(7),_v(" "),_m(8),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureDiagram.png","width":"280"}}),_v(" "),_m(9),_v(" "),_c('p',[_v("Given below is a quick overview of main components and how they interact with each other.")]),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_m(12),_v(" "),_c('p',[_v("The bulk of the app's work is done by the following four components:")]),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_m(16),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureSequenceDiagram.png","width":"574"}}),_v(" "),_c('p',[_v("Each of the four main components (also shown in the diagram above),")]),_v(" "),_m(17),_v(" "),_m(18),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ComponentManagers.png","width":"300"}}),_v(" "),_c('p',[_v("The sections below give more details of each component.")]),_v(" "),_m(19),_v(" "),_m(20),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UiClassDiagram.png","alt":"Structure of the UI Component"}}),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_m(27),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/LogicClassDiagram.png","width":"550"}}),_v(" "),_m(28),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteSequenceDiagram.png","alt":"Interactions Inside the Logic Component for the `delete 1` Command"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommand")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline continues till the end of diagram.")])]),_v(" "),_m(29),_v(" "),_m(30),_v(" "),_m(31),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ParserClasses.png","width":"600"}}),_v(" "),_c('p',[_v("How the parsing works:")]),_v(" "),_m(32),_v(" "),_m(33),_v(" "),_m(34),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ModelClassDiagram.png","width":"800"}}),_v(" "),_m(35),_v(" "),_m(36),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" An alternative (arguably, a more OOP) model is given below. It has a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" list in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddressBook")]),_v(", which "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Patient")]),_v(" references. This allows "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddressBook")]),_v(" to only require one "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" object per unique tag, instead of each "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Patient")]),_v(" needing their own "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" objects."),_c('br')]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/BetterModelClassDiagram.png","width":"800"}})],1),_v(" "),_m(37),_v(" "),_m(38),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StorageClassDiagram.png","width":"800"}}),_v(" "),_m(39),_v(" "),_m(40),_v(" "),_m(41),_v(" "),_m(42),_v(" "),_c('hr'),_v(" "),_m(43),_v(" "),_c('p',[_v("This section describes some noteworthy details on how certain features are implemented.")]),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_m(46),_v(" "),_m(47),_v(" "),_m(48),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Add command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddActivityDiagram.png","alt":"AddActivityDiagram"}}),_v(" "),_m(49),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_m(52),_v(" "),_c('p',[_v("Step 4: The newly added Patient will be added to the end of list, shown in the UI.")]),_v(" "),_m(53),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddSequenceDiagram.png","alt":"Add Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(54),_v(" "),_m(55),_v(" "),_m(56),_v(" "),_m(57),_v(" "),_m(58),_v(" "),_m(59),_v(" "),_m(60),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_c('hr'),_v(" "),_m(63),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_m(66),_v(" "),_m(67),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates an Add Tags command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddTagsActivityDiagram.png","alt":"AddTagsActivityDiagram"}}),_v(" "),_m(68),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the tag addition process behaves at each step:")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(69),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('b',[_v("Note")]),_v(": Since multiple inputs are allowed, a set of tags are passed around, each of which is to be added if the above requirements are met.\n")]),_v(" "),_c('p',[_v("The following sequence diagram shows how the Add Tags operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddTagsSequenceDiagram.png","alt":"AddTagsSequenceDiagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagsCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagsCommand")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(70),_v(" "),_m(71),_v(" "),_m(72),_v(" "),_m(73),_v(" "),_m(74),_v(" "),_m(75),_v(" "),_m(76),_v(" "),_c('hr'),_v(" "),_m(77),_v(" "),_m(78),_v(" "),_m(79),_v(" "),_m(80),_v(" "),_m(81),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Delete Tags command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteTagsActivityDiagram.png","alt":"DeleteTagsActivityDiagram"}}),_v(" "),_m(82),_v(" "),_c('p',[_v("Below is an example scenario of how the tag deletion process works within the PatientSync application:")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(83),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('b',[_v("Note")]),_v(": Since multiple inputs are allowed, a set of tags to be deleted is passed, each of which will be removed if found associated with the patient.\n")]),_v(" "),_c('p',[_v("The following sequence diagram shows how the Delete Tags operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteTagsSequenceDiagram.png","alt":"DeleteTagsSequenceDiagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagsCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagsCommand")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_m(86),_v(" "),_m(87),_v(" "),_m(88),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_c('hr'),_v(" "),_m(91),_v(" "),_m(92),_v(" "),_m(93),_v(" "),_m(94),_v(" "),_m(95),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Add Event command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddEventActivityDiagram.png","alt":"AddEventActivityDiagram"}}),_v(" "),_m(96),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(97),_v(" "),_m(98),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('b',[_v("Note")]),_v(": Only 1 Event can be added at a time per command")])]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddEventSequenceDiagram.png","alt":"Add Event Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('b',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddEventCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddEventCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(99),_v(" "),_m(100),_v(" "),_m(101),_v(" "),_m(102),_v(" "),_m(103),_v(" "),_m(104),_v(" "),_m(105),_v(" "),_c('hr'),_v(" "),_m(106),_v(" "),_m(107),_v(" "),_m(108),_v(" "),_m(109),_v(" "),_m(110),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Edit command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/EditActivityDiagram.png","alt":"EditActivityDiagram"}}),_v(" "),_m(111),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(112),_v(" "),_m(113),_v(" "),_m(114),_v(" "),_c('p',[_v("Step 4: The Patient with specified index will be updated in the list, shown in the UI.")]),_v(" "),_m(115),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/EditSequenceDiagram.png","alt":"Edit Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('b',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("EditCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("EditCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(116),_v(" "),_m(117),_v(" "),_m(118),_v(" "),_m(119),_v(" "),_m(120),_v(" "),_c('hr'),_v(" "),_m(121),_v(" "),_m(122),_v(" "),_m(123),_v(" "),_m(124),_v(" "),_m(125),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Delete Event command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteEventActivityDiagram.png","alt":"DeleteEventActivityDiagram"}}),_v(" "),_m(126),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(127),_v(" "),_m(128),_v(" "),_m(129),_v(" "),_m(130),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Delete Event operation works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteEventSequenceDiagram.png","alt":"Delete Event Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteEventCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteEventCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(131),_v(" "),_m(132),_v(" "),_m(133),_v(" "),_m(134),_v(" "),_m(135),_v(" "),_c('hr'),_v(" "),_m(136),_v(" "),_m(137),_v(" "),_m(138),_v(" "),_m(139),_v(" "),_m(140),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates an Edit Event command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/EditEventActivityDiagram.png","alt":"EditEventActivityDiagram"}}),_v(" "),_m(141),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(142),_v(" "),_m(143),_v(" "),_m(144),_v(" "),_m(145),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Edit Event operations works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/EditEventSequenceDiagram.png","alt":"Edit Event Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("EditEventCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("EditEventCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(146),_v(" "),_m(147),_v(" "),_m(148),_v(" "),_c('hr'),_v(" "),_m(149),_v(" "),_m(150),_v(" "),_m(151),_v(" "),_m(152),_v(" "),_m(153),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Delete command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteActivityDiagram.png","alt":"Delete Activity Diagram"}}),_v(" "),_m(154),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_c('p',[_v("Step 2: The user see all the patients in PatientSync.")]),_v(" "),_c('p',[_v("Step 3: The user decide to remove the first patient in PatientSync.")]),_v(" "),_m(155),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Delete operations works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteSequenceDiagram.png","alt":"Delete Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(156),_v(" "),_m(157),_v(" "),_m(158),_v(" "),_m(159),_v(" "),_m(160),_v(" "),_m(161),_v(" "),_m(162),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ListSequenceDiagram.png","alt":"List Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_c('hr'),_v(" "),_m(163),_v(" "),_m(164),_v(" "),_m(165),_v(" "),_m(166),_v(" "),_m(167),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Find command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindActivityDiagram.png","alt":"Find Activity Diagram"}}),_v(" "),_m(168),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(169),_v(" "),_m(170),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Find operations works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindSequenceDiagram.png","alt":"Find Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindCommand")]),_v(" should end at the destroy marker (X) but\ndue to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(171),_v(" "),_m(172),_v(" "),_m(173),_v(" "),_c('hr'),_v(" "),_m(174),_v(" "),_m(175),_v(" "),_m(176),_v(" "),_m(177),_v(" "),_m(178),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Find Tags command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindTagsActivityDiagram.png","alt":"Find Tags Activity Diagram"}}),_v(" "),_m(179),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(180),_v(" "),_m(181),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Find Tags operations works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindTagsSequenceDiagram.png","alt":"Find Tags Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindTagsCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindTagsCommand")]),_v(" should end at the destroy marker\n(X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(182),_v(" "),_m(183),_v(" "),_m(184),_v(" "),_c('hr'),_v(" "),_m(185),_v(" "),_m(186),_v(" "),_m(187),_v(" "),_m(188),_v(" "),_m(189),_v(" "),_c('p',[_v("The activity diagram below outlines the steps involved when a user initiates a Delete Event command.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/SortActivityDiagram.png","alt":"SortActivityDiagram"}}),_v(" "),_m(190),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_c('p',[_v("Step 1: The user accesses the PatientSync application.")]),_v(" "),_m(191),_v(" "),_m(192),_v(" "),_c('p',[_v("The following UML sequence diagram illustrates how the Sort operations works.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/SortSequenceDiagram.png","alt":"Sort Sequence Diagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SortCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SortCommand")]),_v(" should end at the destroy marker\n(X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(193),_v(" "),_m(194),_v(" "),_m(195),_v(" "),_m(196),_v(" "),_m(197),_v(" "),_m(198),_v(" "),_m(199),_v(" "),_m(200),_v(" "),_m(201),_v(" "),_c('hr'),_v(" "),_m(202),_v(" "),_c('p',[_v("Team size: 5")]),_v(" "),_m(203),_v(" "),_m(204),_v(" "),_c('p',[_v("To mitigate this, we are planning enhancements to include robust input validation, warnings for potential errors, and improved error messages. When an invalid input is detected, the system will provide even clearer feedback to the user, indicating the specific issue and suggesting corrective actions. This would include errors arising from missing index, and clearer distinctions between non-negative indexes and out of bounds indexes.")]),_v(" "),_c('p',[_v("Additionally, an interactive command assistance feature will be introduced, offering real-time suggestions. These enhancements aim to improve the user experience, enhance system reliability, and bolster command comprehension within the PatientSync application.")]),_v(" "),_m(205),_v(" "),_c('p',[_v("Currently, the process of modifying patient tags in the PatientSync application can be cumbersome, requiring users to delete and re-add tags individually. This can lead to potential errors, especially when handling a large number of tags or making multiple changes.")]),_v(" "),_c('p',[_v("To address this, we plan to introduce the EditTagsCommand feature, providing users with a more flexible and efficient way to manage patient tags. The planned EditTagsCommand feature is designed to enhance user productivity, reduce the likelihood of errors, and improve overall usability within PatientSync.")]),_v(" "),_m(206),_v(" "),_m(207),_v(" "),_c('p',[_v("This can lead to potential errors if the user has accidentally mistyped the date and/or time when inputting the command, leading to confusion further down the line.")]),_v(" "),_m(208),_v(" "),_m(209),_v(" "),_m(210),_v(" "),_m(211),_v(" "),_m(212),_v(" "),_c('p',[_v("Presently, we do not restrict the user from adding events at any date. As such, the user is able to add Events for a Patient on unrealistic dates, i.e., 4000 years into the Future or Past. Adding such Events is more likely to be a typographical error and thus, we should warn the user (similar to how we warn the user for past events). We choose to warn the user rather than error on the command as it is possible, albeit rare, for a Person to live more than a 100 years.")]),_v(" "),_m(213),_v(" "),_m(214),_v(" "),_m(215),_v(" "),_c('p',[_v("To address this, we plan to make the Duplicate Check for Events case sensitive, such that we detect these scenarios. PatientSync would then also return a Success Result, albeit with the special Duplicate Message, to the user.")]),_v(" "),_m(216),_v(" "),_m(217),_v(" "),_c('p',[_v("This can lead to potential troubles where user is not able to input patient's full name when necessary, but need to ignore the special characters during the Name insertion.")]),_v(" "),_m(218),_v(" "),_c('p',[_v("Specifically, we intend to perform the following validations with special characters:")]),_v(" "),_m(219),_v(" "),_m(220),_v(" "),_m(221),_v(" "),_m(222),_v(" "),_c('p',[_v("This can lead to potential errors such as unlimited size of the input and input with all zeros.")]),_v(" "),_m(223),_v(" "),_c('p',[_v("Specifically, we intend to perform the following validations:")]),_v(" "),_m(224),_v(" "),_m(225),_v(" "),_m(226),_v(" "),_m(227),_v(" "),_m(228),_v(" "),_m(229),_v(" "),_c('p',[_v("Presently, when attempting run commands which requires an index value to be passed in, 2 possible error message are thrown:")]),_v(" "),_m(230),_v(" "),_c('p',[_v("This may cause confusion, especially in the first scenario, as the user may mistakenly believe that the command they had inputted was erroneous due to the format, rather than the value.")]),_v(" "),_m(231),_v(" "),_m(232),_v(" "),_c('p',[_v("Presently, when an invalid sort attribute is provided by the user input, the error message will be:")]),_v(" "),_m(233),_v(" "),_c('p',[_v("This may cause confusion as the user may mistakenly believe that the command they had inputted was erroneous due to the format, rather than the invalid sort attribute.")]),_v(" "),_m(234),_v(" "),_c('hr'),_v(" "),_m(235),_v(" "),_m(236),_v(" "),_c('hr'),_v(" "),_m(237),_v(" "),_m(238),_v(" "),_m(239),_v(" "),_m(240),_v(" "),_m(241),_v(" "),_m(242),_v(" "),_m(243),_v(" "),_m(244),_m(245),_v(" "),_m(246),_v(" "),_m(247),_v(" "),_m(248),_v(" "),_m(249),_v(" "),_m(250),_v(" "),_m(251),_v(" "),_m(252),_v(" "),_m(253),_v(" "),_m(254),_v(" "),_m(255),_v(" "),_m(256),_v(" "),_m(257),_v(" "),_m(258),_v(" "),_m(259),_v(" "),_m(260),_v(" "),_m(261),_v(" "),_m(262),_v(" "),_m(263),_v(" "),_m(264),_v(" "),_m(265),_v(" "),_m(266),_v(" "),_m(267),_v(" "),_m(268),_v(" "),_m(269),_v(" "),_m(270),_v(" "),_m(271),_v(" "),_m(272),_v(" "),_m(273),_v(" "),_m(274),_v(" "),_m(275),_v(" "),_m(276),_v(" "),_m(277),_v(" "),_m(278),_v(" "),_m(279),_v(" "),_m(280),_v(" "),_m(281),_v(" "),_m(282),_v(" "),_m(283),_v(" "),_m(284),_v(" "),_m(285),_v(" "),_m(286),_v(" "),_m(287),_v(" "),_m(288),_v(" "),_m(289),_v(" "),_m(290),_v(" "),_m(291),_v(" "),_m(292),_v(" "),_m(293),_v(" "),_m(294),_v(" "),_m(295),_v(" "),_m(296),_v(" "),_m(297),_v(" "),_m(298),_v(" "),_m(299),_v(" "),_m(300),_v(" "),_m(301),_v(" "),_m(302),_v(" "),_m(303),_v(" "),_m(304),_v(" "),_m(305),_v(" "),_m(306),_v(" "),_m(307),_v(" "),_m(308),_v(" "),_m(309),_v(" "),_m(310),_v(" "),_m(311),_v(" "),_m(312),_v(" "),_m(313),_v(" "),_m(314),_v(" "),_m(315),_v(" "),_m(316),_v(" "),_m(317),_v(" "),_m(318),_v(" "),_m(319),_v(" "),_c('hr'),_v(" "),_m(320),_v(" "),_c('p',[_v("Given below are instructions to test the app manually.")]),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" These instructions only provide a starting point for testers to work on;\ntesters are expected to do more "),_c('em',[_v("exploratory")]),_v(" testing.")])]),_v(" "),_m(321),_v(" "),_m(322),_v(" "),_m(323),_v(" "),_m(324),_v(" "),_m(325),_v(" "),_m(326),_v(" "),_m(327),_v(" "),_m(328),_v(" "),_m(329),_v(" "),_m(330),_v(" "),_m(331),_v(" "),_m(332),_v(" "),_m(333),_v(" "),_m(334),_v(" "),_m(335),_v(" "),_m(336),_v(" "),_m(337),_v(" "),_m(338),_v(" "),_m(339),_v(" "),_m(340),_v(" "),_m(341),_v(" "),_m(342),_v(" "),_m(343),_v(" "),_m(344),_v(" "),_m(345),_v(" "),_m(346)],1),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"},[_c('overlay-source',{staticClass:"nav nav-pills flex-column my-0 small no-flex-wrap",attrs:{"id":"mb-page-nav","tag-name":"nav","to":"mb-page-nav"}},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#patientsync-developer-guide"}},[_v("PatientSync Developer Guide‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-introduction"}},[_v("1. Introduction‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-1-product-overview"}},[_v("1.1 Product Overview‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-2-setting-up-getting-started"}},[_v("1.2 Setting up, getting started‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-3-acknowledgements"}},[_v("1.3 Acknowledgements‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-design"}},[_v("2 Design‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-1-architecture"}},[_v("2.1 Architecture‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-2-ui-component"}},[_v("2.2 UI component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-3-logic-component"}},[_v("2.3 Logic component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-4-model-component"}},[_v("2.4 Model component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-5-storage-component"}},[_v("2.5 Storage component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-6-common-classes"}},[_v("2.6 Common classes‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-implementation"}},[_v("3 Implementation‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-1-adding-a-patient"}},[_v("3.1 Adding a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-2-adding-tags-to-a-patient"}},[_v("3.2 Adding Tags to a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-3-deleting-tags-from-a-patient"}},[_v("3.3 Deleting Tags From a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-4-adding-an-event-to-a-patient"}},[_v("3.4 Adding an Event to a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-5-editing-a-patient"}},[_v("3.5 Editing a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-6-deleting-an-event-from-a-patient"}},[_v("3.6 Deleting an Event from a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-7-editing-an-event-for-a-patient"}},[_v("3.7 Editing an Event for a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-8-deleting-a-patient"}},[_v("3.8 Deleting a Patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-9-listing-all-patients"}},[_v("3.9 Listing all Patients‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-10-finding-patients-by-name"}},[_v("3.10 Finding patients by name‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-11-finding-patients-by-tag"}},[_v("3.11 Finding patients by tag‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-12-sorting-patients-by-specified-attributes"}},[_v("3.12 Sorting patients by specified attributes‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-planned-enhancements"}},[_v("4 Planned Enhancements‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-1-input-validation-and-error-handling-for-tags"}},[_v("4.1 Input Validation and Error Handling for Tags‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-2-edit-tags-feature"}},[_v("4.2 Edit tags feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-3-input-validation-for-events"}},[_v("4.3 Input Validation for Events‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-4-addition-of-an-upper-and-lower-bound-for-event-date-or-datetime"}},[_v("4.4 Addition of an Upper and Lower Bound for Event Date or Datetime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-5-case-sensitivity-duplicate-checks-for-events"}},[_v("4.5 Case Sensitivity Duplicate Checks for Events‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-6-input-validation-for-patient-s-name"}},[_v("4.6 Input Validation for Patient's Name‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-7-implementation-on-patienthospitalid"}},[_v("4.7 Implementation on PatientHospitalId‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-8-displaying-patienthospitalid-in-ui"}},[_v("4.8 Displaying PatientHospitalId in UI‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-9-standardise-error-message-for-index-out-of-bounds-errors"}},[_v("4.9 Standardise Error Message for Index Out of Bounds Errors‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-10-implement-a-specific-error-message-for-invalid-attributes-in-sort-command"}},[_v("4.10 Implement a specific error message for invalid attributes in sort command‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#5-documentation-logging-testing-configuration-dev-ops"}},[_v("5 Documentation, logging, testing, configuration, dev-ops‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-appendix-requirements"}},[_v("6 Appendix: Requirements‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-1-product-scope"}},[_v("6.1 Product scope‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-2-user-stories"}},[_v("6.2 User stories‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-3-use-cases"}},[_v("6.3 Use cases‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-4-non-functional-requirements"}},[_v("6.4 Non-Functional Requirements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-5-glossary"}},[_v("6.5 Glossary‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-appendix-instructions-for-manual-testing"}},[_v("7 Appendix: Instructions for manual testing‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-1-launch-and-window-preferences"}},[_v("7.1 Launch and window preferences‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-2-adding-a-patient"}},[_v("7.2 Adding a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-3-deleting-a-patient"}},[_v("7.3 Deleting a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-4-listing-all-patients"}},[_v("7.4 Listing all patients‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-5-editing-a-patient"}},[_v("7.5 Editing a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-6-finding-a-patient-by-name"}},[_v("7.6 Finding a patient by name‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-7-adding-tags-to-a-patient"}},[_v("7.7 Adding tags to a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-8-deleting-tags-from-a-patient"}},[_v("7.8 Deleting tags from a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-9-finding-patients-by-tag"}},[_v("7.9 Finding patients by tag‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-10-adding-an-event-to-a-patient"}},[_v("7.10 Adding an event to a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-11-deleting-an-event-from-a-patient"}},[_v("7.11 Deleting an event from a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-12-editing-an-event-for-a-patient"}},[_v("7.12 Editing an event for a patient‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-13-sorting-the-patient-list"}},[_v("7.13 Sorting the patient list‎")])])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(347)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -44,10 +44,10 @@ with(this){return _c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs
 with(this){return _c('ul',[_c('li',[_v("At app launch, it initializes the other components in the correct sequence, and connects them up with each other.")]),_v(" "),_c('li',[_v("At shut down, it shuts down the other components and invokes cleanup methods where necessary.")])])}
 },function anonymous(
 ) {
-with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"#22-ui-component"}},[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("UI")])])]),_v(": The UI of the App.")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#23-logic-component"}},[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Logic")])])]),_v(": The command executor.")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#24-model-component"}},[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model")])])]),_v(": Holds the data of the App in memory.")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#25-storage-component"}},[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Storage")])])]),_v(": Reads data from, and writes data to, the hard disk.")])])}
+with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"#2-2-ui-component"}},[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("UI")])])]),_v(": The UI of the App.")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#2-3-logic-component"}},[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Logic")])])]),_v(": The command executor.")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#2-4-model-component"}},[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model")])])]),_v(": Holds the data of the App in memory.")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#2-5-storage-component"}},[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Storage")])])]),_v(": Reads data from, and writes data to, the hard disk.")])])}
 },function anonymous(
 ) {
-with(this){return _c('p',[_c('a',{attrs:{"href":"#26-common-classes"}},[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Commons")])])]),_v(" represents a collection of classes used by multiple other components.")])}
+with(this){return _c('p',[_c('a',{attrs:{"href":"#2-6-common-classes"}},[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Commons")])])]),_v(" represents a collection of classes used by multiple other components.")])}
 },function anonymous(
 ) {
 with(this){return _c('p',[_c('strong',[_v("2.1.2. How the architecture components interact with each other")])])}
@@ -1046,6 +1046,6 @@ with(this){return _c('h3',{attrs:{"id":"7-13-sorting-the-patient-list"}},[_v("7.
 with(this){return _c('ol',[_c('li',[_c('p',[_v("Sorting the patient list")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Prerequisites: Patient List should not be empty.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sort p")]),_c('br'),_v("\nExpected: The patient list is sorted by patient's preferred name.")])]),_v(" "),_c('li',[_c('p',[_v("Other incorrect sort command to try: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sort name")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sort 1")]),_c('br'),_v("\nExpected: Error message displayed.")])])])])])}
 },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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Documentation.html b/Documentation.html
index 12f0b86feba..c28b9a5891a 100644
--- a/Documentation.html
+++ b/Documentation.html
@@ -19,7 +19,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-cea1a814></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-7c0fd418><!----> <!----></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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 565f8d1ed89..a0d6abc1023 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Logging.html b/Logging.html
index 5d09e9d84b1..4b9f704fbdf 100644
--- a/Logging.html
+++ b/Logging.html
@@ -19,7 +19,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-cea1a814></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-7c0fd418><!----> <!----></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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 b395dc7278a..728140b710e 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/SettingUp.html b/SettingUp.html
index 6450fbc4cc5..237a24e3512 100644
--- a/SettingUp.html
+++ b/SettingUp.html
@@ -25,7 +25,7 @@
 </div> <!----></div></div></div></li> <li><strong>Verify the setup</strong>:
 <ol><li>Run the <code class="hljs inline no-lang">seedu.address.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-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-success" data-v-0eabf1c4><i class="fas fa-lightbulb" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Tip:</strong>
 Optionally, you can follow the guide <a href="https://se-education.org/guides/tutorials/checkstyle.html" data-v-0eabf1c4><em data-v-0eabf1c4>[se-edu/guides] Using Checkstyle</em></a> to find how to use the CheckStyle within IDEA e.g., to report problems <em data-v-0eabf1c4>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#21-architecture">PatientSync’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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 c0cd16efdbc..14a5da01162 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Testing.html b/Testing.html
index b0e34945520..2f8d8c83df6 100644
--- a/Testing.html
+++ b/Testing.html
@@ -23,7 +23,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-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-info" data-v-0eabf1c4><i class="fas fa-info" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Link</strong>: Read <a href="https://se-education.org/guides/tutorials/gradle.html" data-v-0eabf1c4>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.address.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.address.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.address.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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 GMT+8]</small></div></footer></div>
+e.g. <code class="hljs inline no-lang">seedu.address.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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 8dc765a41ea..8c743ef293c 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.address.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.address.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.address.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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/UserGuide.html b/UserGuide.html
index 26848f40dd2..3c80fab00c6 100644
--- a/UserGuide.html
+++ b/UserGuide.html
@@ -54,7 +54,7 @@
 e.g. if the original list contains two patients: patient one name: <code class="hljs inline no-lang">alex</code>, patient two name: <code class="hljs inline no-lang">alex</code>, after sorting,
 patient one will come before patient two.</li></ul> <p>Examples:</p> <ul><li><code class="hljs inline no-lang">sort</code></li> <li><code class="hljs inline no-lang">sort n</code></li> <li><code class="hljs inline no-lang">sort p</code></li></ul> <p>This screenshot shows the result of executing <code class="hljs inline no-lang">sort p</code>.</p> <p><a href="/tp/images/sortpResult.png" target="_self"><img src="/tp/images/sortpResult.png" alt="result for 'sortp'" class="img-fluid"></a></p> <hr> <div style="page-break-after:always;"></div> <hr> <h3 id="clearing-all-patients-clear">Clearing all patients : <code class="hljs inline no-lang">clear</code><a href="#clearing-all-patients-clear" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Clears all patients from PatientSync.</p> <p>This screenshot shows the result of executing <code class="hljs inline no-lang">clear</code>.</p> <p>Format: <code class="hljs inline no-lang">clear</code></p> <p><a href="/tp/images/clearResult.png" target="_self"><img src="/tp/images/clearResult.png" alt="result for 'clear'" class="img-fluid"></a></p> <hr> <div style="page-break-after:always;"></div> <hr> <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> <hr> <h3 id="saving-the-data">Saving the data<a href="#saving-the-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>PatientSync data are saved in the hard disk automatically after any command that changes the data. There is no need to save manually.</p> <hr> <h3 id="editing-the-data-file">Editing the data file<a href="#editing-the-data-file" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>PatientSync data are saved automatically as a JSON file <code class="hljs inline no-lang">[JAR file location]/data/patientsync.json</code>. Advanced users are welcome to update data directly by editing that data file.</p> <div class="alert box-container seamless" data-v-0eabf1c4><!----> <div class="header-and-body" data-v-0eabf1c4><!----> <div class="box-body-wrapper" data-v-0eabf1c4><div class="icon-wrapper  text-warning" data-v-0eabf1c4><i class="fas fa-exclamation" data-v-0eabf1c4></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-0eabf1c4></div> <div class="contents" data-v-0eabf1c4><p data-v-0eabf1c4><strong data-v-0eabf1c4>Caution:</strong>
 If your changes to the data file makes its format invalid, PatientSync will discard all data and start with an empty data file at the next run.  Hence, it is recommended to take a backup of the file before editing it.<br data-v-0eabf1c4>
-Furthermore, certain edits can cause PatientSync to behave in unexpected ways (e.g., if a value entered is outside the acceptable range). Therefore, edit the data file only if you are confident that you can update it correctly.</p></div> <!----></div></div></div> <hr> <h2 id="faq">FAQ<a href="#faq" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <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 PatientSync home folder.</p> <hr> <h2 id="known-issues">Known issues<a href="#known-issues" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><strong>When using multiple screens</strong>, if you move the application to a secondary screen, and later switch to using only the primary screen, the GUI will open off-screen. The remedy is to delete the <code class="hljs inline no-lang">preferences.json</code> file created by the application before running the application again.</li></ol> <hr> <div style="page-break-after:always;"></div> <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</strong></td> <td><code class="hljs inline no-lang">add id/PATIENT_HOSPITAL_ID n/NAME p/PREFERRED_NAME f/FOOD_PREFERENCE+ c/FAMILY_CONDITION+ h/HOBBY+ [t/TAG]…​</code> <br> e.g. <code class="hljs inline no-lang">add id/ 12370 n/ Peter Pan p/ Peter f/ Curry chicken c/ Stable, Has 2 sons visit him regularly h/ Singing karaoke t/ Diabetes</code></td></tr> <tr><td><strong>Clear</strong></td> <td><code class="hljs inline no-lang">clear</code></td></tr> <tr><td><strong>Delete</strong></td> <td><code class="hljs inline no-lang">delete INDEX</code><br> e.g. <code class="hljs inline no-lang">delete 1</code></td></tr> <tr><td><strong>Edit</strong></td> <td><code class="hljs inline no-lang">edit INDEX [id/PATIENT_HOSPITAL_ID] [n/NAME] [p/PREFERRED_NAME] [f/FOOD_PREFERENCE]…​ [c/FAMILY_CONDITION]…​ [h/HOBBY]…​ [t/TAG]…​</code><br> e.g.<code class="hljs inline no-lang">edit 2 p/James t/HighCholesterol</code></td></tr> <tr><td><strong>Find</strong></td> <td><code class="hljs inline no-lang">find KEYWORD [MORE_KEYWORD]…​</code><br> e.g. <code class="hljs inline no-lang">find alex roy</code></td></tr> <tr><td><strong>Add Tags</strong></td> <td><code class="hljs inline no-lang">addt INDEX t/TAG+</code><br> e.g. <code class="hljs inline no-lang">addt 1 t/critical</code></td></tr> <tr><td><strong>Delete Tags</strong></td> <td><code class="hljs inline no-lang">deletet INDEX t/TAG+</code><br> e.g. <code class="hljs inline no-lang">deletet 1 t/critical</code></td></tr> <tr><td><strong>Find Tags</strong></td> <td><code class="hljs inline no-lang">findt KEYWORD [MORE_KEYWORD]…​</code><br> e.g. <code class="hljs inline no-lang">findt diabetes wheelchair</code></td></tr> <tr><td><strong>Add Event</strong></td> <td><code class="hljs inline no-lang">adde INDEX n/NAME_OF_EVENT d/DATE_OR_DATETIME_OF_EVENT</code> <br> e.g. <code class="hljs inline no-lang">adde 1 n/Family Visit d/30-09-2024, 12:00 - 15:00</code></td></tr> <tr><td><strong>Delete Event</strong></td> <td><code class="hljs inline no-lang">deletee PATIENT_INDEX e/EVENT_INDEX</code> <br> e.g. <code class="hljs inline no-lang">deletee 1 e/1</code></td></tr> <tr><td><strong>Edit Event</strong></td> <td><code class="hljs inline no-lang">edite PATIENT_INDEX e/EVENT_INDEX n/NAME_OF_EVENT d/DATE_OR_DATETIME_OF_EVENT</code> <br> e.g. <code class="hljs inline no-lang">edite 2 e/1 n/Mama Birthday Celebration d/21-02-2025</code></td></tr> <tr><td><strong>Sort</strong></td> <td><code class="hljs inline no-lang">sort [ATTRIBUTE]</code> <br> e.g. <code class="hljs inline no-lang">sort p</code></td></tr> <tr><td><strong>List</strong></td> <td><code class="hljs inline no-lang">list</code></td></tr> <tr><td><strong>Help</strong></td> <td><code class="hljs inline no-lang">help</code></td></tr> <tr><td><strong>Exit</strong></td> <td><code class="hljs inline no-lang">exit</code></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="#patientsync-user-guide" data-v-e6005420>PatientSync User 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="#quick-start" data-v-e6005420>Quick start‎</a> <a class="nav-link py-1" href="#features" data-v-e6005420>Features‎</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="#adding-a-patient-add" data-v-e6005420>Adding a patient: add‎</a> <a class="nav-link py-1" href="#listing-all-patients-list" data-v-e6005420>Listing all patients : list‎</a> <a class="nav-link py-1" href="#editing-a-patient-edit" data-v-e6005420>Editing a patient : edit‎</a> <a class="nav-link py-1" href="#finding-patients-by-name-find" data-v-e6005420>Finding patients by name: find‎</a> <a class="nav-link py-1" href="#deleting-a-patient-delete" data-v-e6005420>Deleting a patient : delete‎</a> <a class="nav-link py-1" href="#adding-tags-to-a-patient-addt" data-v-e6005420>Adding Tags to a Patient : addt‎</a> <a class="nav-link py-1" href="#deleting-tags-from-a-patient-deletet" data-v-e6005420>Deleting Tags from a Patient : deletet‎</a> <a class="nav-link py-1" href="#finding-patients-by-tag-findt" data-v-e6005420>Finding patients by tag: findt‎</a> <a class="nav-link py-1" href="#adding-an-event-to-a-patient-adde" data-v-e6005420>Adding an Event to a Patient : adde‎</a> <a class="nav-link py-1" href="#deleting-an-event-from-a-patient-deletee" data-v-e6005420>Deleting an Event from a Patient : deletee‎</a> <a class="nav-link py-1" href="#editing-an-event-for-a-patient-edite" data-v-e6005420>Editing an Event for a Patient: edite‎</a> <a class="nav-link py-1" href="#sorting-the-patient-list-sort" data-v-e6005420>Sorting the patient list : sort‎</a> <a class="nav-link py-1" href="#clearing-all-patients-clear" data-v-e6005420>Clearing all patients : clear‎</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="#editing-the-data-file" data-v-e6005420>Editing the data file‎</a></nav> <a class="nav-link py-1" href="#faq" data-v-e6005420>FAQ‎</a> <a class="nav-link py-1" href="#known-issues" data-v-e6005420>Known issues‎</a> <a class="nav-link py-1" href="#command-summary" data-v-e6005420>Command summary‎</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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 GMT+8]</small></div></footer></div>
+Furthermore, certain edits can cause PatientSync to behave in unexpected ways (e.g., if a value entered is outside the acceptable range). Therefore, edit the data file only if you are confident that you can update it correctly.</p></div> <!----></div></div></div> <hr> <h2 id="faq">FAQ<a href="#faq" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <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 PatientSync home folder.</p> <hr> <h2 id="known-issues">Known issues<a href="#known-issues" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><strong>When using multiple screens</strong>, if you move the application to a secondary screen, and later switch to using only the primary screen, the GUI will open off-screen. The remedy is to delete the <code class="hljs inline no-lang">preferences.json</code> file created by the application before running the application again.</li></ol> <hr> <div style="page-break-after:always;"></div> <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</strong></td> <td><code class="hljs inline no-lang">add id/PATIENT_HOSPITAL_ID n/NAME p/PREFERRED_NAME f/FOOD_PREFERENCE+ c/FAMILY_CONDITION+ h/HOBBY+ [t/TAG]…​</code> <br> e.g. <code class="hljs inline no-lang">add id/ 12370 n/ Peter Pan p/ Peter f/ Curry chicken c/ Stable, Has 2 sons visit him regularly h/ Singing karaoke t/ Diabetes</code></td></tr> <tr><td><strong>Clear</strong></td> <td><code class="hljs inline no-lang">clear</code></td></tr> <tr><td><strong>Delete</strong></td> <td><code class="hljs inline no-lang">delete INDEX</code><br> e.g. <code class="hljs inline no-lang">delete 1</code></td></tr> <tr><td><strong>Edit</strong></td> <td><code class="hljs inline no-lang">edit INDEX [id/PATIENT_HOSPITAL_ID] [n/NAME] [p/PREFERRED_NAME] [f/FOOD_PREFERENCE]…​ [c/FAMILY_CONDITION]…​ [h/HOBBY]…​ [t/TAG]…​</code><br> e.g.<code class="hljs inline no-lang">edit 2 p/James t/HighCholesterol</code></td></tr> <tr><td><strong>Find</strong></td> <td><code class="hljs inline no-lang">find KEYWORD [MORE_KEYWORD]…​</code><br> e.g. <code class="hljs inline no-lang">find alex roy</code></td></tr> <tr><td><strong>Add Tags</strong></td> <td><code class="hljs inline no-lang">addt INDEX t/TAG+</code><br> e.g. <code class="hljs inline no-lang">addt 1 t/critical</code></td></tr> <tr><td><strong>Delete Tags</strong></td> <td><code class="hljs inline no-lang">deletet INDEX t/TAG+</code><br> e.g. <code class="hljs inline no-lang">deletet 1 t/critical</code></td></tr> <tr><td><strong>Find Tags</strong></td> <td><code class="hljs inline no-lang">findt KEYWORD [MORE_KEYWORD]…​</code><br> e.g. <code class="hljs inline no-lang">findt diabetes wheelchair</code></td></tr> <tr><td><strong>Add Event</strong></td> <td><code class="hljs inline no-lang">adde INDEX n/NAME_OF_EVENT d/DATE_OR_DATETIME_OF_EVENT</code> <br> e.g. <code class="hljs inline no-lang">adde 1 n/Family Visit d/30-09-2024, 12:00 - 15:00</code></td></tr> <tr><td><strong>Delete Event</strong></td> <td><code class="hljs inline no-lang">deletee PATIENT_INDEX e/EVENT_INDEX</code> <br> e.g. <code class="hljs inline no-lang">deletee 1 e/1</code></td></tr> <tr><td><strong>Edit Event</strong></td> <td><code class="hljs inline no-lang">edite PATIENT_INDEX e/EVENT_INDEX n/NAME_OF_EVENT d/DATE_OR_DATETIME_OF_EVENT</code> <br> e.g. <code class="hljs inline no-lang">edite 2 e/1 n/Mama Birthday Celebration d/21-02-2025</code></td></tr> <tr><td><strong>Sort</strong></td> <td><code class="hljs inline no-lang">sort [ATTRIBUTE]</code> <br> e.g. <code class="hljs inline no-lang">sort p</code></td></tr> <tr><td><strong>List</strong></td> <td><code class="hljs inline no-lang">list</code></td></tr> <tr><td><strong>Help</strong></td> <td><code class="hljs inline no-lang">help</code></td></tr> <tr><td><strong>Exit</strong></td> <td><code class="hljs inline no-lang">exit</code></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="#patientsync-user-guide" data-v-e6005420>PatientSync User 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="#quick-start" data-v-e6005420>Quick start‎</a> <a class="nav-link py-1" href="#features" data-v-e6005420>Features‎</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="#adding-a-patient-add" data-v-e6005420>Adding a patient: add‎</a> <a class="nav-link py-1" href="#listing-all-patients-list" data-v-e6005420>Listing all patients : list‎</a> <a class="nav-link py-1" href="#editing-a-patient-edit" data-v-e6005420>Editing a patient : edit‎</a> <a class="nav-link py-1" href="#finding-patients-by-name-find" data-v-e6005420>Finding patients by name: find‎</a> <a class="nav-link py-1" href="#deleting-a-patient-delete" data-v-e6005420>Deleting a patient : delete‎</a> <a class="nav-link py-1" href="#adding-tags-to-a-patient-addt" data-v-e6005420>Adding Tags to a Patient : addt‎</a> <a class="nav-link py-1" href="#deleting-tags-from-a-patient-deletet" data-v-e6005420>Deleting Tags from a Patient : deletet‎</a> <a class="nav-link py-1" href="#finding-patients-by-tag-findt" data-v-e6005420>Finding patients by tag: findt‎</a> <a class="nav-link py-1" href="#adding-an-event-to-a-patient-adde" data-v-e6005420>Adding an Event to a Patient : adde‎</a> <a class="nav-link py-1" href="#deleting-an-event-from-a-patient-deletee" data-v-e6005420>Deleting an Event from a Patient : deletee‎</a> <a class="nav-link py-1" href="#editing-an-event-for-a-patient-edite" data-v-e6005420>Editing an Event for a Patient: edite‎</a> <a class="nav-link py-1" href="#sorting-the-patient-list-sort" data-v-e6005420>Sorting the patient list : sort‎</a> <a class="nav-link py-1" href="#clearing-all-patients-clear" data-v-e6005420>Clearing all patients : clear‎</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="#editing-the-data-file" data-v-e6005420>Editing the data file‎</a></nav> <a class="nav-link py-1" href="#faq" data-v-e6005420>FAQ‎</a> <a class="nav-link py-1" href="#known-issues" data-v-e6005420>Known issues‎</a> <a class="nav-link py-1" href="#command-summary" data-v-e6005420>Command summary‎</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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 00ee2a929cd..e1cab4ad9c6 100644
--- a/UserGuide.page-vue-render.js
+++ b/UserGuide.page-vue-render.js
@@ -293,6 +293,6 @@ with(this){return _c('h2',{attrs:{"id":"command-summary"}},[_v("Command summary"
 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("Action")]),_v(" "),_c('th',[_v("Format, Examples")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_c('strong',[_v("Add")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add id/PATIENT_HOSPITAL_ID n/NAME p/PREFERRED_NAME f/FOOD_PREFERENCE+ c/FAMILY_CONDITION+ h/HOBBY+ [t/TAG]…​")]),_v(" "),_c('br'),_v(" e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add id/ 12370 n/ Peter Pan p/ Peter f/ Curry chicken c/ Stable, Has 2 sons visit him regularly h/ Singing karaoke t/ Diabetes")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Clear")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clear")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete INDEX")]),_c('br'),_v(" e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete 1")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Edit")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit INDEX [id/PATIENT_HOSPITAL_ID] [n/NAME] [p/PREFERRED_NAME] [f/FOOD_PREFERENCE]…​ [c/FAMILY_CONDITION]…​ [h/HOBBY]…​ [t/TAG]…​")]),_c('br'),_v(" e.g."),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 2 p/James t/HighCholesterol")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Find")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find KEYWORD [MORE_KEYWORD]…​")]),_c('br'),_v(" e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find alex roy")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Add Tags")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addt INDEX t/TAG+")]),_c('br'),_v(" e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addt 1 t/critical")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete Tags")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletet INDEX t/TAG+")]),_c('br'),_v(" e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletet 1 t/critical")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Find Tags")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findt KEYWORD [MORE_KEYWORD]…​")]),_c('br'),_v(" e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findt diabetes wheelchair")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Add Event")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("adde INDEX n/NAME_OF_EVENT d/DATE_OR_DATETIME_OF_EVENT")]),_v(" "),_c('br'),_v(" e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("adde 1 n/Family Visit d/30-09-2024, 12:00 - 15:00")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete Event")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletee PATIENT_INDEX e/EVENT_INDEX")]),_v(" "),_c('br'),_v(" e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletee 1 e/1")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Edit Event")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edite PATIENT_INDEX e/EVENT_INDEX n/NAME_OF_EVENT d/DATE_OR_DATETIME_OF_EVENT")]),_v(" "),_c('br'),_v(" e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edite 2 e/1 n/Mama Birthday Celebration d/21-02-2025")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Sort")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sort [ATTRIBUTE]")]),_v(" "),_c('br'),_v(" e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sort p")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("List")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Help")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Exit")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("exit")])])])])])])}
 },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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/diagrams/ModelClassDiagram.png b/diagrams/ModelClassDiagram.png
index 9e7bb824fc0..9f051fa3246 100644
Binary files a/diagrams/ModelClassDiagram.png and b/diagrams/ModelClassDiagram.png differ
diff --git a/diagrams/ModelClassDiagram.puml b/diagrams/ModelClassDiagram.puml
index 6f1da3fc33f..c17746da91f 100644
--- a/diagrams/ModelClassDiagram.puml
+++ b/diagrams/ModelClassDiagram.puml
@@ -52,9 +52,5 @@ Patient *--> "*" Event
 Patient -[hidden]up--> I
 UniquePatientList -[hidden]right-> I
 
-Name -[hidden]right-> Phone
-Phone -[hidden]right-> Address
-Address -[hidden]right-> Email
-
 ModelManager --> "~* filtered" Patient
 @enduml
diff --git a/index.html b/index.html
index 99c283beac4..a60ca1bb28d 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,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="patientsync">PatientSync<a href="#patientsync" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><a href="https://github.com/AY2324S2-CS2103-F09-2/tp/actions/workflows/gradle.yml"><img src="https://github.com/AY2324S2-CS2103-F09-2/tp/actions/workflows/gradle.yml/badge.svg?branch=master" alt="Java CI" class="img-fluid"></a> <a href="https://codecov.io/gh/AY2324S2-CS2103-F09-2/tp"><img src="https://codecov.io/gh/AY2324S2-CS2103-F09-2/tp/graph/badge.svg?token=AX3SGG0FMX" alt="codecov" class="img-fluid"></a></p> <p><a href="/tp/images/Ui.png" target="_self"><img src="/tp/images/Ui.png" alt="Ui" class="img-fluid"></a></p> <p><strong>PatientSync is a desktop application meticulously crafted for nurses who prioritize the well-being of their patients above all else.</strong><br>
 It allows you to input intimate details about your patients, such as food preferences and family conditions. While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).</p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Project Links</th> <th>Description</th></tr></thead> <tbody><tr><td><a href="https://ay2324s2-cs2103-f09-2.github.io/tp/">Project Website</a></td> <td>Official website for the PatientSync desktop application.</td></tr> <tr><td><a href="/tp/UserGuide.html#quick-start">User Guide</a></td> <td>Quick Start guide for users interested in using PatientSync.</td></tr> <tr><td><a href="/tp/DeveloperGuide.html">Developer Guide</a></td> <td>Comprehensive guide for developers interested in contributing to PatientSync.</td></tr> <tr><td><a href="/tp/AboutUs.html">About Us</a></td> <td>Learn more about the team behind the PatientSync project.</td></tr></tbody></table></div><p><strong>Acknowledgements</strong><br>
-This project is based on the AddressBook-Level3 project created by the <a href="https://se-education.org">SE-EDU initiative</a>.</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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 GMT+8]</small></div></footer></div>
+This project is based on the AddressBook-Level3 project created by the <a href="https://se-education.org">SE-EDU initiative</a>.</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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 608f9f09bee..840db082c19 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":"patientsync"}},[_v("PatientSync"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#patientsync","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_c('a',{attrs:{"href":"https://github.com/AY2324S2-CS2103-F09-2/tp/actions/workflows/gradle.yml"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://github.com/AY2324S2-CS2103-F09-2/tp/actions/workflows/gradle.yml/badge.svg?branch=master","alt":"Java CI"}})]),_v(" "),_c('a',{attrs:{"href":"https://codecov.io/gh/AY2324S2-CS2103-F09-2/tp"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://codecov.io/gh/AY2324S2-CS2103-F09-2/tp/graph/badge.svg?token=AX3SGG0FMX","alt":"codecov"}})])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/Ui.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/Ui.png","alt":"Ui"}})])]),_v(" "),_c('p',[_c('strong',[_v("PatientSync is a desktop application meticulously crafted for nurses who prioritize the well-being of their patients above all else.")]),_c('br'),_v("\nIt allows you to input intimate details about your patients, such as food preferences and family conditions. While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).")]),_v(" "),_c('div',{staticClass:"table-responsive"},[_c('table',{staticClass:"markbind-table table table-bordered table-striped"},[_c('thead',[_c('tr',[_c('th',[_v("Project Links")]),_v(" "),_c('th',[_v("Description")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_c('a',{attrs:{"href":"https://ay2324s2-cs2103-f09-2.github.io/tp/"}},[_v("Project Website")])]),_v(" "),_c('td',[_v("Official website for the PatientSync desktop application.")])]),_v(" "),_c('tr',[_c('td',[_c('a',{attrs:{"href":"/tp/UserGuide.html#quick-start"}},[_v("User Guide")])]),_v(" "),_c('td',[_v("Quick Start guide for users interested in using PatientSync.")])]),_v(" "),_c('tr',[_c('td',[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html"}},[_v("Developer Guide")])]),_v(" "),_c('td',[_v("Comprehensive guide for developers interested in contributing to PatientSync.")])]),_v(" "),_c('tr',[_c('td',[_c('a',{attrs:{"href":"/tp/AboutUs.html"}},[_v("About Us")])]),_v(" "),_c('td',[_v("Learn more about the team behind the PatientSync project.")])])])])]),_c('p',[_c('strong',[_v("Acknowledgements")]),_c('br'),_v("\nThis project is based on the AddressBook-Level3 project created by the "),_c('a',{attrs:{"href":"https://se-education.org"}},[_v("SE-EDU initiative")]),_v(".")]),_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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/johndoe.html b/team/johndoe.html
index 9df0c14e102..0d7aab1ae60 100644
--- a/team/johndoe.html
+++ b/team/johndoe.html
@@ -21,7 +21,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"><h3 id="project-addressbook-level-3">Project: AddressBook Level 3<a href="#project-addressbook-level-3" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>AddressBook - Level 3 is a desktop address book application used for teaching Software Engineering principles. The 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.</p> <p>Given below are my contributions to the project.</p> <ul><li><p><strong>New Feature</strong>: Added the ability to undo/redo previous commands.</p> <ul><li>What it does: allows the user to undo all previous commands one at a time. Preceding undo commands can be reversed by using the redo command.</li> <li>Justification: This feature improves the product significantly because a user can make mistakes in commands and the app should provide a convenient way to rectify them.</li> <li>Highlights: This enhancement affects existing commands and commands to be added in future. It required an in-depth analysis of design alternatives. The implementation too was challenging as it required changes to existing commands.</li> <li>Credits: <em>{mention here if you reused any code/ideas from elsewhere or if a third-party library is heavily used in the feature so that a reader can make a more accurate judgement of how much effort went into the feature}</em></li></ul></li> <li><p><strong>New Feature</strong>: Added a history command that allows the user to navigate to previous commands using up/down keys.</p></li> <li><p><strong>Code contributed</strong>: <a href="">RepoSense link</a></p></li> <li><p><strong>Project management</strong>:</p> <ul><li>Managed releases <code class="hljs inline no-lang">v1.3</code> - <code class="hljs inline no-lang">v1.5rc</code> (3 releases) on GitHub</li></ul></li> <li><p><strong>Enhancements to existing features</strong>:</p> <ul><li>Updated the GUI color scheme (Pull requests <a href="">#33</a>, <a href="">#34</a>)</li> <li>Wrote additional tests for existing features to increase coverage from 88% to 92% (Pull requests <a href="">#36</a>, <a href="">#38</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">delete</code> and <code class="hljs inline no-lang">find</code> <a href="">#72</a></li> <li>Did cosmetic tweaks to existing documentation of features <code class="hljs inline no-lang">clear</code>, <code class="hljs inline no-lang">exit</code>: <a href="">#74</a></li></ul></li> <li>Developer Guide:
-<ul><li>Added implementation details of the <code class="hljs inline no-lang">delete</code> feature.</li></ul></li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>PRs reviewed (with non-trivial review comments): <a href="">#12</a>, <a href="">#32</a>, <a href="">#19</a>, <a href="">#42</a></li> <li>Contributed to forum discussions (examples: <a href="">1</a>, <a href="">2</a>, <a href="">3</a>, <a href="">4</a>)</li> <li>Reported bugs and suggestions for other teams in the class (examples: <a href="">1</a>, <a href="">2</a>, <a href="">3</a>)</li> <li>Some parts of the history feature I added was adopted by several other class mates (<a href="">1</a>, <a href="">2</a>)</li></ul></li> <li><p><strong>Tools</strong>:</p> <ul><li>Integrated a third party library (Natty) to the project (<a href="">#42</a>)</li> <li>Integrated a new Github plugin (CircleCI) to the team repo</li></ul></li> <li><p><em>{you can add/remove categories in the list above}</em></p></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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 GMT+8]</small></div></footer></div>
+<ul><li>Added implementation details of the <code class="hljs inline no-lang">delete</code> feature.</li></ul></li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>PRs reviewed (with non-trivial review comments): <a href="">#12</a>, <a href="">#32</a>, <a href="">#19</a>, <a href="">#42</a></li> <li>Contributed to forum discussions (examples: <a href="">1</a>, <a href="">2</a>, <a href="">3</a>, <a href="">4</a>)</li> <li>Reported bugs and suggestions for other teams in the class (examples: <a href="">1</a>, <a href="">2</a>, <a href="">3</a>)</li> <li>Some parts of the history feature I added was adopted by several other class mates (<a href="">1</a>, <a href="">2</a>)</li></ul></li> <li><p><strong>Tools</strong>:</p> <ul><li>Integrated a third party library (Natty) to the project (<a href="">#42</a>)</li> <li>Integrated a new Github plugin (CircleCI) to the team repo</li></ul></li> <li><p><em>{you can add/remove categories in the list above}</em></p></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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/johndoe.page-vue-render.js b/team/johndoe.page-vue-render.js
index 1910606ec7b..8fd718200fe 100644
--- a/team/johndoe.page-vue-render.js
+++ b/team/johndoe.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-addressbook-level-3"}},[_v("Project: AddressBook Level 3"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-addressbook-level-3","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("AddressBook - Level 3 is a desktop address book application used for teaching Software Engineering principles. The 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(": Added the ability to undo/redo previous commands.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: allows the user to undo all previous commands one at a time. Preceding undo commands can be reversed by using the redo command.")]),_v(" "),_c('li',[_v("Justification: This feature improves the product significantly because a user can make mistakes in commands and the app should provide a convenient way to rectify them.")]),_v(" "),_c('li',[_v("Highlights: This enhancement affects existing commands and commands to be added in future. It required an in-depth analysis of design alternatives. The implementation too was challenging as it required changes to existing commands.")]),_v(" "),_c('li',[_v("Credits: "),_c('em',[_v("{mention here if you reused any code/ideas from elsewhere or if a third-party library is heavily used in the feature so that a reader can make a more accurate judgement of how much effort went into the feature}")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": Added a history command that allows the user to navigate to previous commands using up/down keys.")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(": "),_c('a',{attrs:{"href":""}},[_v("RepoSense link")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Project management")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Managed releases "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("v1.3")]),_v(" - "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("v1.5rc")]),_v(" (3 releases) on GitHub")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Enhancements to existing features")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Updated the GUI color scheme (Pull requests "),_c('a',{attrs:{"href":""}},[_v("#33")]),_v(", "),_c('a',{attrs:{"href":""}},[_v("#34")]),_v(")")]),_v(" "),_c('li',[_v("Wrote additional tests for existing features to increase coverage from 88% to 92% (Pull requests "),_c('a',{attrs:{"href":""}},[_v("#36")]),_v(", "),_c('a',{attrs:{"href":""}},[_v("#38")]),_v(")")])])]),_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("delete")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find")]),_v(" "),_c('a',{attrs:{"href":""}},[_v("#72")])]),_v(" "),_c('li',[_v("Did cosmetic tweaks to existing documentation of features "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clear")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("exit")]),_v(": "),_c('a',{attrs:{"href":""}},[_v("#74")])])])]),_v(" "),_c('li',[_v("Developer Guide:\n"),_c('ul',[_c('li',[_v("Added implementation details of the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete")]),_v(" feature.")])])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Community")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("PRs reviewed (with non-trivial review comments): "),_c('a',{attrs:{"href":""}},[_v("#12")]),_v(", "),_c('a',{attrs:{"href":""}},[_v("#32")]),_v(", "),_c('a',{attrs:{"href":""}},[_v("#19")]),_v(", "),_c('a',{attrs:{"href":""}},[_v("#42")])]),_v(" "),_c('li',[_v("Contributed to forum discussions (examples: "),_c('a',{attrs:{"href":""}},[_v("1")]),_v(", "),_c('a',{attrs:{"href":""}},[_v("2")]),_v(", "),_c('a',{attrs:{"href":""}},[_v("3")]),_v(", "),_c('a',{attrs:{"href":""}},[_v("4")]),_v(")")]),_v(" "),_c('li',[_v("Reported bugs and suggestions for other teams in the class (examples: "),_c('a',{attrs:{"href":""}},[_v("1")]),_v(", "),_c('a',{attrs:{"href":""}},[_v("2")]),_v(", "),_c('a',{attrs:{"href":""}},[_v("3")]),_v(")")]),_v(" "),_c('li',[_v("Some parts of the history feature I added was adopted by several other class mates ("),_c('a',{attrs:{"href":""}},[_v("1")]),_v(", "),_c('a',{attrs:{"href":""}},[_v("2")]),_v(")")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Tools")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Integrated a third party library (Natty) to the project ("),_c('a',{attrs:{"href":""}},[_v("#42")]),_v(")")]),_v(" "),_c('li',[_v("Integrated a new Github plugin (CircleCI) to the team repo")])])]),_v(" "),_c('li',[_c('p',[_c('em',[_v("{you can add/remove categories in the list above}")])])])])])}
 },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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/AddRemark.html b/tutorials/AddRemark.html
index 3a139d3c88a..cb4254ae1a8 100644
--- a/tutorials/AddRemark.html
+++ b/tutorials/AddRemark.html
@@ -174,7 +174,7 @@
 </span><span>        <span class="hljs-keyword">return</span> String.format(message, patientToEdit);
 </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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 a334083b923..df3ba87e3c3 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/RemovingFields.html b/tutorials/RemovingFields.html
index 166aa60d170..a7b6c5739e7 100644
--- a/tutorials/RemovingFields.html
+++ b/tutorials/RemovingFields.html
@@ -39,7 +39,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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 008d68b1839..9c5c728bb57 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/TracingCode.html b/tutorials/TracingCode.html
index b42f5accaa2..21d80a383b3 100644
--- a/tutorials/TracingCode.html
+++ b/tutorials/TracingCode.html
@@ -104,7 +104,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.4.0</a>, generated on Mon, 15 Apr 2024, 17:32:01 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.4.0</a>, generated on Mon, 15 Apr 2024, 18:02:20 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 74f086666d6..6649600759c 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 17:32:01 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.4.0")]),_v(", generated on Mon, 15 Apr 2024, 18:02:20 GMT+8]")])])])}
 }];
   
\ No newline at end of file