From c78ddfd4db851a9f99a6a8def5da66259fd3f323 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Mon, 13 Nov 2023 18:54:57 +0000
Subject: [PATCH] deploy: 7d838ff280dde2fb89afb6b795c230e3412c6d12

---
 AboutUs.html                                |  2 +-
 AboutUs.page-vue-render.js                  |  2 +-
 Configuration.html                          |  2 +-
 Configuration.page-vue-render.js            |  2 +-
 DevOps.html                                 |  2 +-
 DevOps.page-vue-render.js                   |  2 +-
 DeveloperGuide.html                         |  8 +++----
 DeveloperGuide.page-vue-render.js           | 26 +++++++++++++++++----
 Documentation.html                          |  2 +-
 Documentation.page-vue-render.js            |  2 +-
 Logging.html                                |  2 +-
 Logging.page-vue-render.js                  |  2 +-
 SettingUp.html                              |  2 +-
 SettingUp.page-vue-render.js                |  2 +-
 Testing.html                                |  2 +-
 Testing.page-vue-render.js                  |  2 +-
 UserGuide.html                              |  2 +-
 UserGuide.page-vue-render.js                |  2 +-
 index.html                                  |  2 +-
 index.page-vue-render.js                    |  2 +-
 team/johndoe.html                           |  2 +-
 team/johndoe.page-vue-render.js             |  2 +-
 team/larrywang0701.html                     |  4 ++--
 team/larrywang0701.page-vue-render.js       | 13 +++++++++--
 tutorials/AddRemark.html                    |  2 +-
 tutorials/AddRemark.page-vue-render.js      |  2 +-
 tutorials/RemovingFields.html               |  2 +-
 tutorials/RemovingFields.page-vue-render.js |  2 +-
 tutorials/TracingCode.html                  |  2 +-
 tutorials/TracingCode.page-vue-render.js    |  2 +-
 30 files changed, 65 insertions(+), 38 deletions(-)

diff --git a/AboutUs.html b/AboutUs.html
index f26587c0317..580e8b8a6d0 100644
--- a/AboutUs.html
+++ b/AboutUs.html
@@ -29,7 +29,7 @@
 [<a href="/tp/team/zekone.html">portfolio</a>]</p> <ul><li>Role: Developer</li></ul> <h3 id="joseph-oliver-lim">Joseph Oliver Lim<a href="#joseph-oliver-lim" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/josepholim.png" width="200px"> <p>[<a href="http://github.com/josepholim">github</a>]
 [<a href="/tp/team/josepholim.html">portfolio</a>]</p> <ul><li>Role: Developer</li></ul> <h3 id="nicholas-jimmy-alden">Nicholas Jimmy Alden<a href="#nicholas-jimmy-alden" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/nixx162.png" width="200px"> <p>[<a href="http://github.com/nixx162">github</a>]
 [<a href="/tp/team/nixx162.html">portfolio</a>]</p> <ul><li>Role: Developer</li></ul> <h3 id="wang-zihan">Wang Zihan<a href="#wang-zihan" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/larrywang0701.png" width="200px"> <p>[<a href="http://github.com/larrywang0701">github</a>]
-[<a href="/tp/team/larrywang0701.html">portfolio</a>]</p> <ul><li>Role: Developer</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]</small></div></footer></div>
+[<a href="/tp/team/larrywang0701.html">portfolio</a>]</p> <ul><li>Role: Developer</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 be8ae89cee2..14a4f6bc9f9 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('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":"andrew-daniel-janong"}},[_v("Andrew Daniel Janong"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#andrew-daniel-janong","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/andrewjanong.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"https://github.com/andrewjanong"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/andrewjanong.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")])]),_v(" "),_c('h3',{attrs:{"id":"ho-khee-wei"}},[_v("Ho Khee Wei"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#ho-khee-wei","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/zekone.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/zekone"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/zekone.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")])]),_v(" "),_c('h3',{attrs:{"id":"joseph-oliver-lim"}},[_v("Joseph Oliver Lim"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#joseph-oliver-lim","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/josepholim.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/josepholim"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/josepholim.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")])]),_v(" "),_c('h3',{attrs:{"id":"nicholas-jimmy-alden"}},[_v("Nicholas Jimmy Alden"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#nicholas-jimmy-alden","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/nixx162.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/nixx162"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/nixx162.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")])]),_v(" "),_c('h3',{attrs:{"id":"wang-zihan"}},[_v("Wang Zihan"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#wang-zihan","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/larrywang0701.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/larrywang0701"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/larrywang0701.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Configuration.html b/Configuration.html
index ccb253826c6..4bd946356ea 100644
--- a/Configuration.html
+++ b/Configuration.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="configuration-guide">Configuration guide<a href="#configuration-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>Certain properties of the application can be controlled (e.g user preferences file location, logging level) through the configuration file (default: <code class="hljs inline no-lang">config.json</code>).</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]</small></div></footer></div>
+<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="configuration-guide">Configuration guide<a href="#configuration-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>Certain properties of the application can be controlled (e.g user preferences file location, logging level) through the configuration file (default: <code class="hljs inline no-lang">config.json</code>).</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 dc211ec4f73..87c1f9766d4 100644
--- a/Configuration.page-vue-render.js
+++ b/Configuration.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"configuration-guide"}},[_v("Configuration guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#configuration-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Certain properties of the application can be controlled (e.g user preferences file location, logging level) through the configuration file (default: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("config.json")]),_v(").")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DevOps.html b/DevOps.html
index 0e4fe98e5de..0bbe4ff302c 100644
--- a/DevOps.html
+++ b/DevOps.html
@@ -26,7 +26,7 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="devops-guide">DevOps guide<a href="#devops-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="page-nav-print d-none d-print-block"></div> <h2 id="build-automation">Build automation<a href="#build-automation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project uses Gradle for <strong>build automation and dependency management</strong>. <strong>You are recommended to read <a href="https://se-education.org/guides/tutorials/gradle.html">this Gradle Tutorial from the se-edu/guides</a></strong>.</p> <p>Given below are how to use Gradle for some important project tasks.</p> <ul><li><p><strong><code class="hljs inline no-lang">clean</code></strong>: Deletes the files created during the previous build tasks (e.g. files in the <code class="hljs inline no-lang">build</code> folder).<br>
 e.g. <code class="hljs inline no-lang">./gradlew clean</code></p></li> <li><p><strong><code class="hljs inline no-lang">shadowJar</code></strong>: Uses the ShadowJar plugin to creat a fat JAR file in the <code class="hljs inline no-lang">build/lib</code> folder, <em>if the current file is outdated</em>.<br>
-e.g. <code class="hljs inline no-lang">./gradlew shadowJar</code>.</p></li> <li><p><strong><code class="hljs inline no-lang">run</code></strong>: Builds and runs the application.<br> <strong><code class="hljs inline no-lang">runShadow</code></strong>: Builds the application as a fat JAR, and then runs it.</p></li> <li><p><strong><code class="hljs inline no-lang">checkstyleMain</code></strong>: Runs the code style check for the main code base.<br> <strong><code class="hljs inline no-lang">checkstyleTest</code></strong>: Runs the code style check for the test code base.</p></li> <li><p><strong><code class="hljs inline no-lang">test</code></strong>: Runs all tests.</p> <ul><li><code class="hljs inline no-lang">./gradlew test</code> — Runs all tests</li> <li><code class="hljs inline no-lang">./gradlew clean test</code> — Cleans the project and runs tests</li></ul></li></ul> <hr> <h2 id="continuous-integration-ci">Continuous integration (CI)<a href="#continuous-integration-ci" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project uses GitHub Actions for CI. The project comes with the necessary GitHub Actions configurations files (in the <code class="hljs inline no-lang">.github/workflows</code> folder). No further setting up required.</p> <h3 id="code-coverage">Code coverage<a href="#code-coverage" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>As part of CI, this project uses Codecov to generate coverage reports. When CI runs, it will generate code coverage data (based on the tests run by CI) and upload that data to the CodeCov website, which in turn can provide you more info about the coverage of your tests.</p> <p>However, because Codecov is known to run into intermittent problems (e.g., report upload fails) due to issues on the Codecov service side, the CI is configured to pass even if the Codecov task failed. Therefore, developers are advised to check the code coverage levels periodically and take corrective actions if the coverage level falls below desired levels.</p> <p>To enable Codecov for forks of this project, follow the steps given in <a href="https://se-education.org/guides/tutorials/codecov.html">this se-edu guide</a>.</p> <h3 id="repository-wide-checks">Repository-wide checks<a href="#repository-wide-checks" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>In addition to running Gradle checks, CI includes some repository-wide checks. Unlike the Gradle checks which only cover files used in the build process, these repository-wide checks cover all files in the repository. They check for repository rules which are hard to enforce on development machines such as line ending requirements.</p> <p>These checks are implemented as POSIX shell scripts, and thus can only be run on POSIX-compliant operating systems such as macOS and Linux. To run all checks locally on these operating systems, execute the following in the repository root directory:</p> <p><code class="hljs inline no-lang">./config/travis/run-checks.sh</code></p> <p>Any warnings or errors will be printed out to the console.</p> <p><strong>If adding new checks:</strong></p> <ul><li><p>Checks are implemented as executable <code class="hljs inline no-lang">check-*</code> scripts within the <code class="hljs inline no-lang">.github</code> directory. The <code class="hljs inline no-lang">run-checks.sh</code> script will automatically pick up and run files named as such. That is, you can add more such files if you need and the CI will do the rest.</p></li> <li><p>Check scripts should print out errors in the format <code class="hljs inline no-lang">SEVERITY:FILENAME:LINE: MESSAGE</code></p> <ul><li>SEVERITY is either ERROR or WARN.</li> <li>FILENAME is the path to the file relative to the current directory.</li> <li>LINE is the line of the file where the error occurred and MESSAGE is the message explaining the error.</li></ul></li> <li><p>Check scripts must exit with a non-zero exit code if any errors occur.</p></li></ul> <hr> <h2 id="making-a-release">Making a release<a href="#making-a-release" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Here are the steps to create a new release.</p> <ol><li>Update the version number in <a href="https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/MainApp.java"><code class="hljs inline no-lang">MainApp.java</code></a>.</li> <li>Generate a fat JAR file using Gradle (i.e., <code class="hljs inline no-lang">gradlew shadowJar</code>).</li> <li>Tag the repo with the version number. e.g. <code class="hljs inline no-lang">v0.1</code></li> <li><a href="https://help.github.com/articles/creating-releases/">Create a new release using GitHub</a>. Upload the JAR file you created.</li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#devops-guide" data-v-e6005420>DevOps guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#build-automation" data-v-e6005420>Build automation‎</a> <a class="nav-link py-1" href="#continuous-integration-ci" data-v-e6005420>Continuous integration (CI)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#code-coverage" data-v-e6005420>Code coverage‎</a> <a class="nav-link py-1" href="#repository-wide-checks" data-v-e6005420>Repository-wide checks‎</a></nav> <a class="nav-link py-1" href="#making-a-release" data-v-e6005420>Making a release‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]</small></div></footer></div>
+e.g. <code class="hljs inline no-lang">./gradlew shadowJar</code>.</p></li> <li><p><strong><code class="hljs inline no-lang">run</code></strong>: Builds and runs the application.<br> <strong><code class="hljs inline no-lang">runShadow</code></strong>: Builds the application as a fat JAR, and then runs it.</p></li> <li><p><strong><code class="hljs inline no-lang">checkstyleMain</code></strong>: Runs the code style check for the main code base.<br> <strong><code class="hljs inline no-lang">checkstyleTest</code></strong>: Runs the code style check for the test code base.</p></li> <li><p><strong><code class="hljs inline no-lang">test</code></strong>: Runs all tests.</p> <ul><li><code class="hljs inline no-lang">./gradlew test</code> — Runs all tests</li> <li><code class="hljs inline no-lang">./gradlew clean test</code> — Cleans the project and runs tests</li></ul></li></ul> <hr> <h2 id="continuous-integration-ci">Continuous integration (CI)<a href="#continuous-integration-ci" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project uses GitHub Actions for CI. The project comes with the necessary GitHub Actions configurations files (in the <code class="hljs inline no-lang">.github/workflows</code> folder). No further setting up required.</p> <h3 id="code-coverage">Code coverage<a href="#code-coverage" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>As part of CI, this project uses Codecov to generate coverage reports. When CI runs, it will generate code coverage data (based on the tests run by CI) and upload that data to the CodeCov website, which in turn can provide you more info about the coverage of your tests.</p> <p>However, because Codecov is known to run into intermittent problems (e.g., report upload fails) due to issues on the Codecov service side, the CI is configured to pass even if the Codecov task failed. Therefore, developers are advised to check the code coverage levels periodically and take corrective actions if the coverage level falls below desired levels.</p> <p>To enable Codecov for forks of this project, follow the steps given in <a href="https://se-education.org/guides/tutorials/codecov.html">this se-edu guide</a>.</p> <h3 id="repository-wide-checks">Repository-wide checks<a href="#repository-wide-checks" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>In addition to running Gradle checks, CI includes some repository-wide checks. Unlike the Gradle checks which only cover files used in the build process, these repository-wide checks cover all files in the repository. They check for repository rules which are hard to enforce on development machines such as line ending requirements.</p> <p>These checks are implemented as POSIX shell scripts, and thus can only be run on POSIX-compliant operating systems such as macOS and Linux. To run all checks locally on these operating systems, execute the following in the repository root directory:</p> <p><code class="hljs inline no-lang">./config/travis/run-checks.sh</code></p> <p>Any warnings or errors will be printed out to the console.</p> <p><strong>If adding new checks:</strong></p> <ul><li><p>Checks are implemented as executable <code class="hljs inline no-lang">check-*</code> scripts within the <code class="hljs inline no-lang">.github</code> directory. The <code class="hljs inline no-lang">run-checks.sh</code> script will automatically pick up and run files named as such. That is, you can add more such files if you need and the CI will do the rest.</p></li> <li><p>Check scripts should print out errors in the format <code class="hljs inline no-lang">SEVERITY:FILENAME:LINE: MESSAGE</code></p> <ul><li>SEVERITY is either ERROR or WARN.</li> <li>FILENAME is the path to the file relative to the current directory.</li> <li>LINE is the line of the file where the error occurred and MESSAGE is the message explaining the error.</li></ul></li> <li><p>Check scripts must exit with a non-zero exit code if any errors occur.</p></li></ul> <hr> <h2 id="making-a-release">Making a release<a href="#making-a-release" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Here are the steps to create a new release.</p> <ol><li>Update the version number in <a href="https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/MainApp.java"><code class="hljs inline no-lang">MainApp.java</code></a>.</li> <li>Generate a fat JAR file using Gradle (i.e., <code class="hljs inline no-lang">gradlew shadowJar</code>).</li> <li>Tag the repo with the version number. e.g. <code class="hljs inline no-lang">v0.1</code></li> <li><a href="https://help.github.com/articles/creating-releases/">Create a new release using GitHub</a>. Upload the JAR file you created.</li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#devops-guide" data-v-e6005420>DevOps guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#build-automation" data-v-e6005420>Build automation‎</a> <a class="nav-link py-1" href="#continuous-integration-ci" data-v-e6005420>Continuous integration (CI)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#code-coverage" data-v-e6005420>Code coverage‎</a> <a class="nav-link py-1" href="#repository-wide-checks" data-v-e6005420>Repository-wide checks‎</a></nav> <a class="nav-link py-1" href="#making-a-release" data-v-e6005420>Making a release‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 f350df73f66..d7515b33229 100644
--- a/DevOps.page-vue-render.js
+++ b/DevOps.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"devops-guide"}},[_v("DevOps guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#devops-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_c('h2',{attrs:{"id":"build-automation"}},[_v("Build automation"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#build-automation","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("This project uses Gradle for "),_c('strong',[_v("build automation and dependency management")]),_v(". "),_c('strong',[_v("You are recommended to read "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/gradle.html"}},[_v("this Gradle Tutorial from the se-edu/guides")])]),_v(".")]),_v(" "),_c('p',[_v("Given below are how to use Gradle for some important project tasks.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clean")])]),_v(": Deletes the files created during the previous build tasks (e.g. files in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("build")]),_v(" folder)."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew clean")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("shadowJar")])]),_v(": Uses the ShadowJar plugin to creat a fat JAR file in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("build/lib")]),_v(" folder, "),_c('em',[_v("if the current file is outdated")]),_v("."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew shadowJar")]),_v(".")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("run")])]),_v(": Builds and runs the application."),_c('br'),_v(" "),_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("runShadow")])]),_v(": Builds the application as a fat JAR, and then runs it.")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("checkstyleMain")])]),_v(": Runs the code style check for the main code base."),_c('br'),_v(" "),_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("checkstyleTest")])]),_v(": Runs the code style check for the test code base.")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("test")])]),_v(": Runs all tests.")]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew test")]),_v(" — Runs all tests")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew clean test")]),_v(" — Cleans the project and runs tests")])])])]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"continuous-integration-ci"}},[_v("Continuous integration (CI)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#continuous-integration-ci","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("This project uses GitHub Actions for CI. The project comes with the necessary GitHub Actions configurations files (in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(".github/workflows")]),_v(" folder). No further setting up required.")]),_v(" "),_c('h3',{attrs:{"id":"code-coverage"}},[_v("Code coverage"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#code-coverage","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("As part of CI, this project uses Codecov to generate coverage reports. When CI runs, it will generate code coverage data (based on the tests run by CI) and upload that data to the CodeCov website, which in turn can provide you more info about the coverage of your tests.")]),_v(" "),_c('p',[_v("However, because Codecov is known to run into intermittent problems (e.g., report upload fails) due to issues on the Codecov service side, the CI is configured to pass even if the Codecov task failed. Therefore, developers are advised to check the code coverage levels periodically and take corrective actions if the coverage level falls below desired levels.")]),_v(" "),_c('p',[_v("To enable Codecov for forks of this project, follow the steps given in "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/codecov.html"}},[_v("this se-edu guide")]),_v(".")]),_v(" "),_c('h3',{attrs:{"id":"repository-wide-checks"}},[_v("Repository-wide checks"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#repository-wide-checks","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("In addition to running Gradle checks, CI includes some repository-wide checks. Unlike the Gradle checks which only cover files used in the build process, these repository-wide checks cover all files in the repository. They check for repository rules which are hard to enforce on development machines such as line ending requirements.")]),_v(" "),_c('p',[_v("These checks are implemented as POSIX shell scripts, and thus can only be run on POSIX-compliant operating systems such as macOS and Linux. To run all checks locally on these operating systems, execute the following in the repository root directory:")]),_v(" "),_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./config/travis/run-checks.sh")])]),_v(" "),_c('p',[_v("Any warnings or errors will be printed out to the console.")]),_v(" "),_c('p',[_c('strong',[_v("If adding new checks:")])]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("Checks are implemented as executable "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("check-*")]),_v(" scripts within the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(".github")]),_v(" directory. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("run-checks.sh")]),_v(" script will automatically pick up and run files named as such. That is, you can add more such files if you need and the CI will do the rest.")])]),_v(" "),_c('li',[_c('p',[_v("Check scripts should print out errors in the format "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SEVERITY:FILENAME:LINE: MESSAGE")])]),_v(" "),_c('ul',[_c('li',[_v("SEVERITY is either ERROR or WARN.")]),_v(" "),_c('li',[_v("FILENAME is the path to the file relative to the current directory.")]),_v(" "),_c('li',[_v("LINE is the line of the file where the error occurred and MESSAGE is the message explaining the error.")])])]),_v(" "),_c('li',[_c('p',[_v("Check scripts must exit with a non-zero exit code if any errors occur.")])])]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"making-a-release"}},[_v("Making a release"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#making-a-release","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Here are the steps to create a new release.")]),_v(" "),_c('ol',[_c('li',[_v("Update the version number in "),_c('a',{attrs:{"href":"https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/MainApp.java"}},[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("MainApp.java")])]),_v(".")]),_v(" "),_c('li',[_v("Generate a fat JAR file using Gradle (i.e., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("gradlew shadowJar")]),_v(").")]),_v(" "),_c('li',[_v("Tag the repo with the version number. e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("v0.1")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://help.github.com/articles/creating-releases/"}},[_v("Create a new release using GitHub")]),_v(". Upload the JAR file you created.")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DeveloperGuide.html b/DeveloperGuide.html
index 6a4178a7780..eb32805da45 100644
--- a/DeveloperGuide.html
+++ b/DeveloperGuide.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="keepintouch-developer-guide">KeepInTouch Developer Guide<a href="#keepintouch-developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><strong><em>KeepInTouch</em></strong> is a desktop app for <strong>managing contacts</strong> for <strong>job-seekers</strong>. It can also help job-seekers to manage <strong>events for career purposes.</strong></p> <div class="page-nav-print d-none d-print-block"></div> <hr> <h2 id="table-of-contents">Table of Contents<a href="#table-of-contents" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="#table-of-contents">Table of Contents</a></li> <li><a href="#acknowledgements">Acknowledgements</a></li> <li><a href="#setting-up-and-getting-started">Setting up and getting started</a></li> <li><a href="#design">Design</a> <ul><li><a href="#architecture">Architecture</a></li> <li><a href="#ui-component">UI Component</a></li> <li><a href="#logic-component">Logic Component</a></li> <li><a href="#model-component">Model Component</a></li> <li><a href="#storage-component">Storage Component</a></li> <li><a href="#common-classes">Common Classes</a></li></ul></li> <li><a href="#implementation">Implementation</a> <ul><li><a href="#list-contact-with-tags-feature">List Contact with Tags feature</a> <ul><li><a href="#implementing-listpersoncommandparser">Implementing <code class="hljs inline no-lang">ListPersonCommandParser</code></a></li> <li><a href="#implementing-listpersoncommand">Implementing <code class="hljs inline no-lang">ListPersonCommand</code></a></li></ul></li> <li><a href="#tag-feature">Tag feature</a> <ul><li><a href="#overview-tag">Overview: Tag</a></li> <li><a href="#implementing-addtagcommandparser-and-deletetagcommandparser">Implementing <code class="hljs inline no-lang">AddTagCommandParser</code> and <code class="hljs inline no-lang">DeleteTagCommandParser</code></a></li> <li><a href="#implementing-addtagcommand">Implementing <code class="hljs inline no-lang">AddTagCommand</code></a></li> <li><a href="#implementing-deletetagcommand">Implementing <code class="hljs inline no-lang">DeleteTagCommand</code></a></li> <li><a href="#design-considerations-tag">Design Considerations: Tag</a></li></ul></li> <li><a href="#notes-feature">Notes feature</a> <ul><li><a href="#overview-note">Overview: Note</a></li> <li><a href="#implementing-addnotecommandparser">Implementing <code class="hljs inline no-lang">AddNoteCommandParser</code></a></li> <li><a href="#implementing-deletenotecommandparser">Implementing <code class="hljs inline no-lang">DeleteNoteCommandParser</code></a></li> <li><a href="#implementing-addnotecommand">Implementing <code class="hljs inline no-lang">AddNoteCommand</code></a></li> <li><a href="#implementing-deletenotecommand">Implementing <code class="hljs inline no-lang">DeleteNoteCommand</code></a></li></ul></li> <li><a href="#events-feature">Events feature</a> <ul><li><a href="#overview--event-">Overview: Event</a></li> <li><a href="#implementing-addeventcommandparser">Implementing <code class="hljs inline no-lang">AddEventCommandParser</code></a></li> <li><a href="#implementing-deleteeventcommandparser">Implementing <code class="hljs inline no-lang">DeleteEventCommandParser</code></a></li> <li><a href="#implementing-addeventcommand">Implementing <code class="hljs inline no-lang">AddEventCommand</code></a></li> <li><a href="#implementing-deleteeventcommand">Implementing <code class="hljs inline no-lang">DeleteEventCommand</code></a></li></ul></li> <li><a href="#enhanced-help-feature">Enhanced help feature</a></li> <li><a href="#proposed-undo-redo-feature">[Proposed] Undo/redo feature</a> <ul><li><a href="#proposed-implementation">Proposed Implementation</a></li> <li><a href="#design-considerations-undo-redo">Design Considerations: Undo/redo</a></li></ul></li></ul></li> <li><a href="#documentation-logging-testing-configuration-dev-ops">Documentation, logging, testing, configuration, dev-ops</a></li> <li><a href="#appendix-a-requirements">Appendix A: Requirements</a> <ul><li><a href="#product-scope">Product Scope</a></li> <li><a href="#user-stories">User Stories</a></li> <li><a href="#use-cases">Use Cases</a></li> <li><a href="#non-functional-requirements">Non-Functional Requirements</a></li> <li><a href="#glossary">Glossary</a></li></ul></li> <li><a href="#appendix-b-instructions-for-manual-testing">Appendix B: Instructions for manual testing</a> <ul><li><a href="#launch-and-shutdown">Launch and shutdown</a></li> <li><a href="#deleting-a-person">Deleting a person</a></li> <li><a href="#adding-tag">Adding tag</a></li> <li><a href="#deleting-tag">Deleting tag</a></li> <li><a href="#adding-note">Adding note</a></li> <li><a href="#deleting-note">Deleting note</a></li> <li><a href="#adding-event">Adding event</a></li> <li><a href="#deleting-event">Deleting event</a></li></ul></li> <li><a href="#appendix-c-planned-enhancements">Appendix C: Planned enhancements</a> <ul><li><a href="#user-interface">User Interface</a></li></ul></li></ul> <hr> <h2 id="acknowledgements"><strong>Acknowledgements</strong><a href="#acknowledgements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project is based on the <a href="https://se-education.org/addressbook-level3/">AddressBook Level-3</a> project.</p> <p>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></p> <p><a href="https://github.com/rrice/java-string-similarity">https://github.com/rrice/java-string-similarity</a>. Reused the sourcecode of this library to measure string similarity for the <code class="hljs inline no-lang">help</code> command.</p> <hr> <h2 id="setting-up-and-getting-started"><strong>Setting up and getting started</strong><a href="#setting-up-and-getting-started" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Refer to the guide <a href="/tp/SettingUp.html"><em>Setting up and getting started</em></a>.</p> <hr> <h2 id="design"><strong>Design</strong><a href="#design" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="architecture">Architecture<a href="#architecture" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureDiagram.png" width="280" 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>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/AY2324S1-CS2103T-W16-1/tp/tree/master/src/main/java/seedu/address/Main.java"><code class="hljs inline no-lang">Main</code></a> and <a href="https://github.com/ay2324s1-cs2103t-w16-1/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="#ui-component"><strong><code class="hljs inline no-lang">UI</code></strong></a>: The UI of the App.</li> <li><a href="#logic-component"><strong><code class="hljs inline no-lang">Logic</code></strong></a>: The command executor.</li> <li><a href="#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="#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="#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>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 contact 1</code>.</p> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureSequenceDiagram.png" width="574" 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" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The sections below give more details of each component.</p> <h3 id="ui-component">UI Component<a href="#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/AY2324S1-CS2103T-W16-1/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="" 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">PersonListPanel</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/AY2324S1-CS2103T-W16-1/tp/tree/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/AY2324S1-CS2103T-W16-1/tp/tree/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">Person</code> object residing in the <code class="hljs inline no-lang">Model</code>.</li></ul> <h3 id="logic-component">Logic Component<a href="#logic-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/tree/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" 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 contact 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 contact 1` Command" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Note:</strong> The lifeline for <code class="hljs inline no-lang" data-v-4d146e2c>DeleteCommandParser</code> should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches 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 person).</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" 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> <li>Some commands contains secondary command, like <code class="hljs inline no-lang">add contact</code>, <code class="hljs inline no-lang">add note</code> and <code class="hljs inline no-lang">add event</code>.</li> <li><ul><li>In this case, the primary command parser (in the example it is <code class="hljs inline no-lang">AddCommand</code>) will check the secondary command word and use the correspond secondary command parser (like <code class="hljs inline no-lang">AddPersonCommandParser</code>, <code class="hljs inline no-lang">AddEventCommandParser</code> and <code class="hljs inline no-lang">AddNoteCommandParser</code>) to continue parsing the command.</li></ul></li> <li>The parser will turn the arguments in the command from raw <code class="hljs inline no-lang">String</code> into corresponding Object. During this process, the parser also needs to check whether the arguments are valid or not.</li> <li><ul><li>The parsing method for each types of arguments are mainly in <code class="hljs inline no-lang">ParserUtil.java</code></li></ul></li> <li>If the command is correct in format, the parser will then return a Command Object for the execution of the command.</li></ul> <h3 id="model-component">Model Component<a href="#model-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/tree/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="600" 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 address book data i.e., all <code class="hljs inline no-lang">Person</code> objects (which are contained in a <code class="hljs inline no-lang">UniquePersonList</code> object).</li> <li>stores the currently 'selected' <code class="hljs inline no-lang">Person</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;Person&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> <h3 id="storage-component">Storage Component<a href="#storage-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/tree/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" 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 address book 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 such as <code class="hljs inline no-lang">Person</code>, <code class="hljs inline no-lang">Note</code>, and <code class="hljs inline no-lang">Event</code> 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="common-classes">Common Classes<a href="#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.addressbook.commons</code> package.</p> <hr> <h2 id="implementation"><strong>Implementation</strong><a href="#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="list-contact-with-tags-feature">List Contact with Tags feature<a href="#list-contact-with-tags-feature" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>This feature allows users to filter the contact list by tags. It serves as an effective way to search through a long list of contacts.
+<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="keepintouch-developer-guide">KeepInTouch Developer Guide<a href="#keepintouch-developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><strong><em>KeepInTouch</em></strong> is a desktop app for <strong>managing contacts</strong> for <strong>job-seekers</strong>. It can also help job-seekers to manage <strong>events for career purposes.</strong></p> <div class="page-nav-print d-none d-print-block"></div> <hr> <h2 id="table-of-contents">Table of Contents<a href="#table-of-contents" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="#table-of-contents">Table of Contents</a></li> <li><a href="#acknowledgements">Acknowledgements</a></li> <li><a href="#setting-up-and-getting-started">Setting up and getting started</a></li> <li><a href="#design">Design</a> <ul><li><a href="#architecture">Architecture</a></li> <li><a href="#ui-component">UI Component</a></li> <li><a href="#logic-component">Logic Component</a></li> <li><a href="#model-component">Model Component</a></li> <li><a href="#storage-component">Storage Component</a></li> <li><a href="#common-classes">Common Classes</a></li></ul></li> <li><a href="#implementation">Implementation</a> <ul><li><a href="#list-contact-with-tags-feature">List Contact with Tags feature</a> <ul><li><a href="#implementing-listpersoncommandparser">Implementing <code class="hljs inline no-lang">ListPersonCommandParser</code></a></li> <li><a href="#implementing-listpersoncommand">Implementing <code class="hljs inline no-lang">ListPersonCommand</code></a></li></ul></li> <li><a href="#tag-feature">Tag feature</a> <ul><li><a href="#overview-tag">Overview: Tag</a></li> <li><a href="#implementing-addtagcommandparser-and-deletetagcommandparser">Implementing <code class="hljs inline no-lang">AddTagCommandParser</code> and <code class="hljs inline no-lang">DeleteTagCommandParser</code></a></li> <li><a href="#implementing-addtagcommand">Implementing <code class="hljs inline no-lang">AddTagCommand</code></a></li> <li><a href="#implementing-deletetagcommand">Implementing <code class="hljs inline no-lang">DeleteTagCommand</code></a></li> <li><a href="#design-considerations-tag">Design Considerations: Tag</a></li></ul></li> <li><a href="#notes-feature">Notes feature</a> <ul><li><a href="#overview-note">Overview: Note</a></li> <li><a href="#implementing-addnotecommandparser">Implementing <code class="hljs inline no-lang">AddNoteCommandParser</code></a></li> <li><a href="#implementing-deletenotecommandparser">Implementing <code class="hljs inline no-lang">DeleteNoteCommandParser</code></a></li> <li><a href="#implementing-addnotecommand">Implementing <code class="hljs inline no-lang">AddNoteCommand</code></a></li> <li><a href="#implementing-deletenotecommand">Implementing <code class="hljs inline no-lang">DeleteNoteCommand</code></a></li></ul></li> <li><a href="#events-feature">Events feature</a> <ul><li><a href="#overview--event-">Overview: Event</a></li> <li><a href="#implementing-addeventcommandparser">Implementing <code class="hljs inline no-lang">AddEventCommandParser</code></a></li> <li><a href="#implementing-listeventcommandparser">Implementing <code class="hljs inline no-lang">ListEventCommandParser</code></a></li> <li><a href="#implementing-deleteeventcommandparser">Implementing <code class="hljs inline no-lang">DeleteEventCommandParser</code></a></li> <li><a href="#implementing-addeventcommand">Implementing <code class="hljs inline no-lang">AddEventCommand</code></a></li> <li><a href="#implementing-listeventcommand">Implementing <code class="hljs inline no-lang">ListEventCommand</code></a></li> <li><a href="#implementing-deleteeventcommand">Implementing <code class="hljs inline no-lang">DeleteEventCommand</code></a></li></ul></li> <li><a href="#enhanced-help-feature">Enhanced help feature</a></li> <li><a href="#proposed-undo-redo-feature">[Proposed] Undo/redo feature</a> <ul><li><a href="#proposed-implementation">Proposed Implementation</a></li> <li><a href="#design-considerations-undo-redo">Design Considerations: Undo/redo</a></li></ul></li></ul></li> <li><a href="#documentation-logging-testing-configuration-dev-ops">Documentation, logging, testing, configuration, dev-ops</a></li> <li><a href="#appendix-a-requirements">Appendix A: Requirements</a> <ul><li><a href="#product-scope">Product Scope</a></li> <li><a href="#user-stories">User Stories</a></li> <li><a href="#use-cases">Use Cases</a></li> <li><a href="#non-functional-requirements">Non-Functional Requirements</a></li> <li><a href="#glossary">Glossary</a></li></ul></li> <li><a href="#appendix-b-instructions-for-manual-testing">Appendix B: Instructions for manual testing</a> <ul><li><a href="#launch-and-shutdown">Launch and shutdown</a></li> <li><a href="#deleting-a-person">Deleting a person</a></li> <li><a href="#adding-tag">Adding tag</a></li> <li><a href="#deleting-tag">Deleting tag</a></li> <li><a href="#adding-note">Adding note</a></li> <li><a href="#deleting-note">Deleting note</a></li> <li><a href="#adding-event">Adding event</a></li> <li><a href="#deleting-event">Deleting event</a></li></ul></li> <li><a href="#appendix-c-planned-enhancements">Appendix C: Planned enhancements</a> <ul><li><a href="#user-interface">User Interface</a></li></ul></li></ul> <hr> <h2 id="acknowledgements"><strong>Acknowledgements</strong><a href="#acknowledgements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project is based on the <a href="https://se-education.org/addressbook-level3/">AddressBook Level-3</a> project.</p> <p>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></p> <p><a href="https://github.com/rrice/java-string-similarity">https://github.com/rrice/java-string-similarity</a>. Reused the sourcecode of this library to measure string similarity for the <code class="hljs inline no-lang">help</code> command.</p> <hr> <h2 id="setting-up-and-getting-started"><strong>Setting up and getting started</strong><a href="#setting-up-and-getting-started" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Refer to the guide <a href="/tp/SettingUp.html"><em>Setting up and getting started</em></a>.</p> <hr> <h2 id="design"><strong>Design</strong><a href="#design" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="architecture">Architecture<a href="#architecture" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureDiagram.png" width="280" 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>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/AY2324S1-CS2103T-W16-1/tp/tree/master/src/main/java/seedu/address/Main.java"><code class="hljs inline no-lang">Main</code></a> and <a href="https://github.com/ay2324s1-cs2103t-w16-1/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="#ui-component"><strong><code class="hljs inline no-lang">UI</code></strong></a>: The UI of the App.</li> <li><a href="#logic-component"><strong><code class="hljs inline no-lang">Logic</code></strong></a>: The command executor.</li> <li><a href="#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="#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="#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>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 contact 1</code>.</p> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureSequenceDiagram.png" width="574" 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" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The sections below give more details of each component.</p> <h3 id="ui-component">UI Component<a href="#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/AY2324S1-CS2103T-W16-1/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="" 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">PersonListPanel</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/AY2324S1-CS2103T-W16-1/tp/tree/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/AY2324S1-CS2103T-W16-1/tp/tree/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">Person</code> object residing in the <code class="hljs inline no-lang">Model</code>.</li></ul> <h3 id="logic-component">Logic Component<a href="#logic-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/tree/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" 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 contact 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 contact 1` Command" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Note:</strong> The lifeline for <code class="hljs inline no-lang" data-v-4d146e2c>DeleteCommandParser</code> should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches 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 person).</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" 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> <li>Some commands contains secondary command, like <code class="hljs inline no-lang">add contact</code>, <code class="hljs inline no-lang">add note</code> and <code class="hljs inline no-lang">add event</code>.</li> <li><ul><li>In this case, the primary command parser (in the example it is <code class="hljs inline no-lang">AddCommand</code>) will check the secondary command word and use the correspond secondary command parser (like <code class="hljs inline no-lang">AddPersonCommandParser</code>, <code class="hljs inline no-lang">AddEventCommandParser</code> and <code class="hljs inline no-lang">AddNoteCommandParser</code>) to continue parsing the command.</li></ul></li> <li>The parser will turn the arguments in the command from raw <code class="hljs inline no-lang">String</code> into corresponding Object. During this process, the parser also needs to check whether the arguments are valid or not.</li> <li><ul><li>The parsing method for each types of arguments are mainly in <code class="hljs inline no-lang">ParserUtil.java</code></li></ul></li> <li>If the command is correct in format, the parser will then return a Command Object for the execution of the command.</li></ul> <h3 id="model-component">Model Component<a href="#model-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/tree/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="600" 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 address book data i.e., all <code class="hljs inline no-lang">Person</code> objects (which are contained in a <code class="hljs inline no-lang">UniquePersonList</code> object).</li> <li>stores the currently 'selected' <code class="hljs inline no-lang">Person</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;Person&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> <h3 id="storage-component">Storage Component<a href="#storage-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/tree/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" 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 address book 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 such as <code class="hljs inline no-lang">Person</code>, <code class="hljs inline no-lang">Note</code>, and <code class="hljs inline no-lang">Event</code> 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="common-classes">Common Classes<a href="#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.addressbook.commons</code> package.</p> <hr> <h2 id="implementation"><strong>Implementation</strong><a href="#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="list-contact-with-tags-feature">List Contact with Tags feature<a href="#list-contact-with-tags-feature" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>This feature allows users to filter the contact list by tags. It serves as an effective way to search through a long list of contacts.
 The filtered contact list will then be reflected in the UI, which is facilitated by the <code class="hljs inline no-lang">Model</code> interface through this following operation:</p> <ul><li><code class="hljs inline no-lang">Model#updateFilteredPlanList(Predicate)</code> - Filters the contact list based on the predicate input.</li></ul> <p>The execution of the list command starts with parsing the arguments using <code class="hljs inline no-lang">ListCommandParser</code> and <code class="hljs inline no-lang">ListPersonCommandParser</code>
 , which then the <code class="hljs inline no-lang">ListContactCommand</code> result will be executed and reflected in the UI.</p> <h4 id="implementing-listpersoncommandparser">Implementing <code class="hljs inline no-lang">ListPersonCommandParser</code><a href="#implementing-listpersoncommandparser" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>Using the <code class="hljs inline no-lang">Parser</code> interface, it first checks for tags in the command.
 These tags will then be parsed into a <code class="hljs inline no-lang">Set</code> and passed on to create <code class="hljs inline no-lang">ListPersonCommand</code> object.
@@ -45,8 +45,8 @@
 <ul><li>A <code class="hljs inline no-lang">CommandException</code> is thrown if the note does not exist.</li></ul></li> <li>Lastly a <code class="hljs inline no-lang">CommandResult</code> with the success message is returned.</li></ol> <p>The following activity diagram summarizes what happens when the <code class="hljs inline no-lang">DeleteNoteCommand</code> is executed:</p> <span class="image-wrapper"><img src="/tp/diagrams/note/DeleteNoteActivityDiagram.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h3 id="events-feature">Events feature<a href="#events-feature" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>This feature allows users to add and remove <code class="hljs inline no-lang">Event</code> to any <code class="hljs inline no-lang">Person</code> in the contact list. It provides an easy way for users to keep track of events with the contacts.</p> <h4 id="overview-event">Overview: Event:<a href="#overview-event" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The adding, listing and removing of <code class="hljs inline no-lang">Event</code> begins with the parsing of the <code class="hljs inline no-lang">AddEventCommand</code>, <code class="hljs inline no-lang">ListEventCommand</code> and <code class="hljs inline no-lang">DeleteEventCommand</code> using the <code class="hljs inline no-lang">AddEventCommandParser</code>, <code class="hljs inline no-lang">ListEventCommandParser</code> and <code class="hljs inline no-lang">DeleteEventCommandParser</code> respectively.
 The <code class="hljs inline no-lang">AddEventCommand</code>, <code class="hljs inline no-lang">ListEventCommand</code> and <code class="hljs inline no-lang">DeleteEventCommand</code> will then be constructed and executed by the <code class="hljs inline no-lang">Model</code>.</p> <p>The activity diagram below shows the action sequence of adding an <code class="hljs inline no-lang">Event</code> to a contact.</p> <span class="image-wrapper"><img src="/tp/diagrams/event/AddEventSequenceDiagram.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The activity diagram below shows the action sequence of listing events by executing <code class="hljs inline no-lang">list events</code> command.</p> <span class="image-wrapper"><img src="/tp/diagrams/event/ListEventsSequenceDiagram.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The activity diagram below shows the action sequence of deleting an event by contact ID and event ID.</p> <span class="image-wrapper"><img src="/tp/diagrams/event/DeleteEventSequenceDiagram.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Note:</strong>
 The sequence diagram for deleting <code class="hljs inline no-lang" data-v-4d146e2c>Event</code> is similar to adding <code class="hljs inline no-lang" data-v-4d146e2c>Event</code>.
-Simply replace <code class="hljs inline no-lang" data-v-4d146e2c>AddCommandParser</code> with <code class="hljs inline no-lang" data-v-4d146e2c>DeleteCommandParser</code>, <code class="hljs inline no-lang" data-v-4d146e2c>AddEventCommandParser</code> with <code class="hljs inline no-lang" data-v-4d146e2c>DeleteEventCommandParser</code>, and <code class="hljs inline no-lang" data-v-4d146e2c>AddEventCommand</code> with <code class="hljs inline no-lang" data-v-4d146e2c>DeleteEventCommand</code>.</p></div> <!----></div></div></div> <h5 id="implementing-addeventcommandparser">Implementing <code class="hljs inline no-lang">AddEventCommandParser</code><a href="#implementing-addeventcommandparser" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>Implements the <code class="hljs inline no-lang">Parser</code> interface, parsing these arguments:</p> <ol><li><code class="hljs inline no-lang">contactId</code>: the one-based index of the contact shown in the GUI.</li> <li><code class="hljs inline no-lang">eventName</code>: the name of the event.</li> <li><code class="hljs inline no-lang">eventStartTime</code>: the start time of the event.</li> <li><code class="hljs inline no-lang">eventEndTime</code>: the end time of the event.</li> <li><code class="hljs inline no-lang">eventLocation</code>: the location of where the event will be held.</li> <li><code class="hljs inline no-lang">eventInformation</code>: the description of the event.</li></ol> <p><code class="hljs inline no-lang">eventName</code>, <code class="hljs inline no-lang">eventStartTime</code>, <code class="hljs inline no-lang">eventEndTime</code>, <code class="hljs inline no-lang">eventLocation</code>, and <code class="hljs inline no-lang">eventInformation</code>are then used to create the <code class="hljs inline no-lang">Event</code> object.
-After that, <code class="hljs inline no-lang">contactId</code> and the <code class="hljs inline no-lang">Event</code> object created are then used to create the <code class="hljs inline no-lang">AddEventCommand</code> object.</p> <p>For the details of how parsing works, see the section on <a href="#logic-component">Logic Component</a>.</p> <h5 id="implementing-deleteeventcommandparser">Implementing <code class="hljs inline no-lang">DeleteEventCommandParser</code><a href="#implementing-deleteeventcommandparser" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>Implements the <code class="hljs inline no-lang">Parser</code> interface, parsing two main arguments:</p> <ol><li><code class="hljs inline no-lang">contactId</code>: the one-based index of the contact shown in the GUI.</li> <li><code class="hljs inline no-lang">eventId</code>: the one-based index of the event shown in the GUI.</li></ol> <p><code class="hljs inline no-lang">contactId</code> and <code class="hljs inline no-lang">eventId</code> are then used to create the <code class="hljs inline no-lang">DeleteEventCommand</code> object.</p> <p>For the details of how parsing works, see the section on <a href="#logic-component">Logic Component</a>.</p> <h5 id="implementing-addeventcommand">Implementing <code class="hljs inline no-lang">AddEventCommand</code><a href="#implementing-addeventcommand" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p><code class="hljs inline no-lang">AddEventCommand</code> extends from the abstract class <code class="hljs inline no-lang">AddCommand</code>,
+Simply replace <code class="hljs inline no-lang" data-v-4d146e2c>AddCommandParser</code> with <code class="hljs inline no-lang" data-v-4d146e2c>DeleteCommandParser</code>, <code class="hljs inline no-lang" data-v-4d146e2c>AddEventCommandParser</code> with <code class="hljs inline no-lang" data-v-4d146e2c>DeleteEventCommandParser</code>, and <code class="hljs inline no-lang" data-v-4d146e2c>AddEventCommand</code> with <code class="hljs inline no-lang" data-v-4d146e2c>DeleteEventCommand</code>.</p></div> <!----></div></div></div> <h5 id="implementing-addeventcommandparser">Implementing <code class="hljs inline no-lang">AddEventCommandParser</code><a href="#implementing-addeventcommandparser" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>Implements the <code class="hljs inline no-lang">Parser</code> interface, parsing six main arguments:</p> <ol><li><code class="hljs inline no-lang">contactId</code>: the one-based index of the contact shown in the GUI.</li> <li><code class="hljs inline no-lang">eventName</code>: the name of the event.</li> <li><code class="hljs inline no-lang">eventStartTime</code>: the start time of the event.</li> <li><code class="hljs inline no-lang">eventEndTime</code>: the end time of the event.</li> <li><code class="hljs inline no-lang">eventLocation</code>: the location of where the event will be held.</li> <li><code class="hljs inline no-lang">eventInformation</code>: the description of the event.</li></ol> <p><code class="hljs inline no-lang">eventName</code>, <code class="hljs inline no-lang">eventStartTime</code>, <code class="hljs inline no-lang">eventEndTime</code>, <code class="hljs inline no-lang">eventLocation</code>, and <code class="hljs inline no-lang">eventInformation</code>are then used to create the <code class="hljs inline no-lang">Event</code> object.
+After that, <code class="hljs inline no-lang">contactId</code> and the <code class="hljs inline no-lang">Event</code> object created are then used to create the <code class="hljs inline no-lang">AddEventCommand</code> object.</p> <p>For the details of how parsing works, see the section on <a href="#logic-component">Logic Component</a>.</p> <h5 id="implementing-listeventcommandparser">Implementing <code class="hljs inline no-lang">ListEventCommandParser</code><a href="#implementing-listeventcommandparser" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>Implements the <code class="hljs inline no-lang">Parser</code> interface, parsing three main arguments:</p> <ol><li><code class="hljs inline no-lang">filterStartTime</code>: the start time for filtering the events</li> <li><code class="hljs inline no-lang">filterEndTime</code>: the end time for filtering the events</li> <li><code class="hljs inline no-lang">useAscendingOrder</code>: should use ascending order when sorting the events?</li></ol> <p><code class="hljs inline no-lang">filterStartTime</code>, <code class="hljs inline no-lang">filterEndTime</code> and <code class="hljs inline no-lang">useAscendingOrder</code> are then used to create the <code class="hljs inline no-lang">ListEventCommand</code> object.</p> <p><code class="hljs inline no-lang">filterStartTime</code> and <code class="hljs inline no-lang">filterEndTime</code> can both be <code class="hljs inline no-lang">null</code> (to disable filtering) or neither be <code class="hljs inline no-lang">null</code>, but can NOT only one of them be <code class="hljs inline no-lang">null</code>.</p> <p>For the details of how parsing works, see the section on <a href="#logic-component">Logic Component</a>.</p> <h5 id="implementing-deleteeventcommandparser">Implementing <code class="hljs inline no-lang">DeleteEventCommandParser</code><a href="#implementing-deleteeventcommandparser" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>Implements the <code class="hljs inline no-lang">Parser</code> interface, parsing two main arguments:</p> <ol><li><code class="hljs inline no-lang">contactId</code>: the one-based index of the contact shown in the GUI.</li> <li><code class="hljs inline no-lang">eventId</code>: the one-based index of the event shown in the GUI.</li></ol> <p><code class="hljs inline no-lang">contactId</code> and <code class="hljs inline no-lang">eventId</code> are then used to create the <code class="hljs inline no-lang">DeleteEventCommand</code> object.</p> <p>For the details of how parsing works, see the section on <a href="#logic-component">Logic Component</a>.</p> <h5 id="implementing-addeventcommand">Implementing <code class="hljs inline no-lang">AddEventCommand</code><a href="#implementing-addeventcommand" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p><code class="hljs inline no-lang">AddEventCommand</code> extends from the abstract class <code class="hljs inline no-lang">AddCommand</code>,
 inheriting <code class="hljs inline no-lang">add</code> as the primary command word and having <code class="hljs inline no-lang">event</code> as its secondary command word.
 It internally stores <code class="hljs inline no-lang">contactId</code> (the index of the contact) and <code class="hljs inline no-lang">toAdd</code> (the <code class="hljs inline no-lang">Event</code> to add) which is given by the <a href="#implementing-addeventcommandparser">parser</a>.</p> <p>When the command is executed, it carries out the following operations:</p> <ol><li>Using the <code class="hljs inline no-lang">contactId</code>, it will first check if the <code class="hljs inline no-lang">Person</code> exist in the address book by calling <code class="hljs inline no-lang">Model</code>'s <code class="hljs inline no-lang">findPersonByUserFriendlyId</code> method.
 <ul><li>A <code class="hljs inline no-lang">CommandException</code> is thrown if the person does not exist.</li></ul></li> <li>The <code class="hljs inline no-lang">Event</code> is then added to the person's note list by calling the <code class="hljs inline no-lang">addEvent</code> method in <code class="hljs inline no-lang">Person</code>.</li> <li>Lastly a <code class="hljs inline no-lang">CommandResult</code> with the success message is returned.</li></ol> <p>The following activity diagram summarizes what happens when <code class="hljs inline no-lang">AddEventCommand</code> is executed:</p> <span class="image-wrapper"><img src="/tp/diagrams/event/AddEventActivityDiagram.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h5 id="implementing-listeventcommand">Implementing <code class="hljs inline no-lang">ListEventCommand</code><a href="#implementing-listeventcommand" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p><code class="hljs inline no-lang">ListEventCommand</code> extends from the abstract class <code class="hljs inline no-lang">ListCommand</code>,
@@ -112,7 +112,7 @@
 Use the <code class="hljs inline no-lang">list events</code> command to open a new events window showing all events (without the contacts).</p></li> <li><p>Test case: <code class="hljs inline no-lang">delete event -id 1 -eid 1</code>, when no contact is shown<br>
 Expected: No event is deleted. Error details shown in the status message.</p></li> <li><p>Test case: <code class="hljs inline no-lang">delete event -id 1 -eid 1</code>, when at least 1 contact is shown and there is at least 1 event in the first contact. <br>
 Expected: The event will no longer be shown in the first contact of the filtered list. It will also be removed from the events list window. List will go back to showing all contacts.</p></li> <li><p>Test case: <code class="hljs inline no-lang">delete event -id 1 -eid 1</code>, when at least 1 contact is shown and there are no events in the first contact. <br>
-Expected: No event is deleted. Error details shown in the status message.</p></li></ol></li></ol> <hr> <h2 id="appendix-c-planned-enhancements"><strong>Appendix C: Planned Enhancements</strong><a href="#appendix-c-planned-enhancements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This section describes some enhancement that can be made to the existing app.</p> <h3 id="user-interface">User Interface<a href="#user-interface" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ul><li>In the current version, long names (usually longer than 40 characters) are truncated in the interface. Wrapping of names can be implemented so that long names are displayed in a more readable and user-friendly manner.</li> <li>The highlight of the contact entries is gray in color and the color of the text is white. The low contrast of the two colors decreases the readability of the texts. The color of the highlight can be changed to a darker color.</li> <li>The viewing the list of events using the <code class="hljs inline no-lang">list events</code> command, the details of the contact which the event belongs to, is not present. This is incovenient for users as they will have to look through the contact list manually to find the contact. Future updates can append the contact details together with the event details when listing events.</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="#keepintouch-developer-guide" data-v-e6005420>KeepInTouch 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="#table-of-contents" data-v-e6005420>Table of Contents‎</a> <a class="nav-link py-1" href="#acknowledgements" data-v-e6005420>Acknowledgements‎</a> <a class="nav-link py-1" href="#setting-up-and-getting-started" data-v-e6005420>Setting up and getting started‎</a> <a class="nav-link py-1" href="#design" data-v-e6005420>Design‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#architecture" data-v-e6005420>Architecture‎</a> <a class="nav-link py-1" href="#ui-component" data-v-e6005420>UI Component‎</a> <a class="nav-link py-1" href="#logic-component" data-v-e6005420>Logic Component‎</a> <a class="nav-link py-1" href="#model-component" data-v-e6005420>Model Component‎</a> <a class="nav-link py-1" href="#storage-component" data-v-e6005420>Storage Component‎</a> <a class="nav-link py-1" href="#common-classes" data-v-e6005420>Common Classes‎</a></nav> <a class="nav-link py-1" href="#implementation" data-v-e6005420>Implementation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#list-contact-with-tags-feature" data-v-e6005420>List Contact with Tags feature‎</a> <a class="nav-link py-1" href="#tag-feature" data-v-e6005420>Tag feature‎</a> <a class="nav-link py-1" href="#notes-feature" data-v-e6005420>Notes feature‎</a> <a class="nav-link py-1" href="#events-feature" data-v-e6005420>Events feature‎</a> <a class="nav-link py-1" href="#enhanced-help-feature" data-v-e6005420>Enhanced help feature‎</a> <a class="nav-link py-1" href="#proposed-undo-redo-feature" data-v-e6005420>[Proposed] Undo/redo feature‎</a></nav> <a class="nav-link py-1" href="#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops‎</a> <a class="nav-link py-1" href="#appendix-a-requirements" data-v-e6005420>Appendix A: Requirements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#product-scope" data-v-e6005420>Product Scope‎</a> <a class="nav-link py-1" href="#user-stories" data-v-e6005420>User Stories‎</a> <a class="nav-link py-1" href="#use-cases" data-v-e6005420>Use Cases‎</a> <a class="nav-link py-1" href="#non-functional-requirements" data-v-e6005420>Non-Functional Requirements‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a></nav> <a class="nav-link py-1" href="#appendix-b-instructions-for-manual-testing" data-v-e6005420>Appendix B: Instructions for manual testing‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#launch-and-shutdown" data-v-e6005420>Launch and shutdown‎</a> <a class="nav-link py-1" href="#deleting-a-person" data-v-e6005420>Deleting a person‎</a> <a class="nav-link py-1" href="#adding-tag" data-v-e6005420>Adding tag‎</a> <a class="nav-link py-1" href="#deleting-tag" data-v-e6005420>Deleting tag‎</a> <a class="nav-link py-1" href="#adding-note" data-v-e6005420>Adding note‎</a> <a class="nav-link py-1" href="#deleting-note" data-v-e6005420>Deleting note‎</a> <a class="nav-link py-1" href="#adding-event" data-v-e6005420>Adding event‎</a> <a class="nav-link py-1" href="#deleting-event" data-v-e6005420>Deleting event‎</a></nav> <a class="nav-link py-1" href="#appendix-c-planned-enhancements" data-v-e6005420>Appendix C: 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="#user-interface" data-v-e6005420>User Interface‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]</small></div></footer></div>
+Expected: No event is deleted. Error details shown in the status message.</p></li></ol></li></ol> <hr> <h2 id="appendix-c-planned-enhancements"><strong>Appendix C: Planned Enhancements</strong><a href="#appendix-c-planned-enhancements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This section describes some enhancement that can be made to the existing app.</p> <h3 id="user-interface">User Interface<a href="#user-interface" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ul><li>In the current version, long names (usually longer than 40 characters) are truncated in the interface. Wrapping of names can be implemented so that long names are displayed in a more readable and user-friendly manner.</li> <li>The highlight of the contact entries is gray in color and the color of the text is white. The low contrast of the two colors decreases the readability of the texts. The color of the highlight can be changed to a darker color.</li> <li>The viewing the list of events using the <code class="hljs inline no-lang">list events</code> command, the details of the contact which the event belongs to, is not present. This is incovenient for users as they will have to look through the contact list manually to find the contact. Future updates can append the contact details together with the event details when listing events.</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="#keepintouch-developer-guide" data-v-e6005420>KeepInTouch 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="#table-of-contents" data-v-e6005420>Table of Contents‎</a> <a class="nav-link py-1" href="#acknowledgements" data-v-e6005420>Acknowledgements‎</a> <a class="nav-link py-1" href="#setting-up-and-getting-started" data-v-e6005420>Setting up and getting started‎</a> <a class="nav-link py-1" href="#design" data-v-e6005420>Design‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#architecture" data-v-e6005420>Architecture‎</a> <a class="nav-link py-1" href="#ui-component" data-v-e6005420>UI Component‎</a> <a class="nav-link py-1" href="#logic-component" data-v-e6005420>Logic Component‎</a> <a class="nav-link py-1" href="#model-component" data-v-e6005420>Model Component‎</a> <a class="nav-link py-1" href="#storage-component" data-v-e6005420>Storage Component‎</a> <a class="nav-link py-1" href="#common-classes" data-v-e6005420>Common Classes‎</a></nav> <a class="nav-link py-1" href="#implementation" data-v-e6005420>Implementation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#list-contact-with-tags-feature" data-v-e6005420>List Contact with Tags feature‎</a> <a class="nav-link py-1" href="#tag-feature" data-v-e6005420>Tag feature‎</a> <a class="nav-link py-1" href="#notes-feature" data-v-e6005420>Notes feature‎</a> <a class="nav-link py-1" href="#events-feature" data-v-e6005420>Events feature‎</a> <a class="nav-link py-1" href="#enhanced-help-feature" data-v-e6005420>Enhanced help feature‎</a> <a class="nav-link py-1" href="#proposed-undo-redo-feature" data-v-e6005420>[Proposed] Undo/redo feature‎</a></nav> <a class="nav-link py-1" href="#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops‎</a> <a class="nav-link py-1" href="#appendix-a-requirements" data-v-e6005420>Appendix A: Requirements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#product-scope" data-v-e6005420>Product Scope‎</a> <a class="nav-link py-1" href="#user-stories" data-v-e6005420>User Stories‎</a> <a class="nav-link py-1" href="#use-cases" data-v-e6005420>Use Cases‎</a> <a class="nav-link py-1" href="#non-functional-requirements" data-v-e6005420>Non-Functional Requirements‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a></nav> <a class="nav-link py-1" href="#appendix-b-instructions-for-manual-testing" data-v-e6005420>Appendix B: Instructions for manual testing‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#launch-and-shutdown" data-v-e6005420>Launch and shutdown‎</a> <a class="nav-link py-1" href="#deleting-a-person" data-v-e6005420>Deleting a person‎</a> <a class="nav-link py-1" href="#adding-tag" data-v-e6005420>Adding tag‎</a> <a class="nav-link py-1" href="#deleting-tag" data-v-e6005420>Deleting tag‎</a> <a class="nav-link py-1" href="#adding-note" data-v-e6005420>Adding note‎</a> <a class="nav-link py-1" href="#deleting-note" data-v-e6005420>Deleting note‎</a> <a class="nav-link py-1" href="#adding-event" data-v-e6005420>Adding event‎</a> <a class="nav-link py-1" href="#deleting-event" data-v-e6005420>Deleting event‎</a></nav> <a class="nav-link py-1" href="#appendix-c-planned-enhancements" data-v-e6005420>Appendix C: 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="#user-interface" data-v-e6005420>User Interface‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 86b1ce05c62..11b56e0365d 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("KeepInTouch")])]},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/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/AY2324S1-CS2103T-W16-1/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(" "),_m(1),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_c('hr'),_v(" "),_m(2),_v(" "),_m(3),_v(" "),_c('hr'),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_c('hr'),_v(" "),_m(8),_v(" "),_m(9),_v(" "),_c('hr'),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureDiagram.png","width":"280"}}),_v(" "),_m(12),_v(" "),_c('p',[_v("Given below is a quick overview of main components and how they interact with each other.")]),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_c('p',[_v("The bulk of the app's work is done by the following four components:")]),_v(" "),_m(16),_v(" "),_m(17),_v(" "),_m(18),_v(" "),_m(19),_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(20),_v(" "),_m(21),_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(22),_v(" "),_m(23),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UiClassDiagram.png","alt":"Structure of the UI Component"}}),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_m(27),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_m(30),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/LogicClassDiagram.png","width":"550"}}),_v(" "),_m(31),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteSequenceDiagram.png","alt":"Interactions Inside the Logic Component for the `delete contact 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(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(32),_v(" "),_m(33),_v(" "),_m(34),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ParserClasses.png","width":"600"}}),_v(" "),_c('p',[_v("How the parsing works:")]),_v(" "),_m(35),_v(" "),_m(36),_v(" "),_m(37),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ModelClassDiagram.png","width":"600"}}),_v(" "),_m(38),_v(" "),_m(39),_v(" "),_m(40),_v(" "),_m(41),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StorageClassDiagram.png","width":"550"}}),_v(" "),_m(42),_v(" "),_m(43),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_c('hr'),_v(" "),_m(46),_v(" "),_c('p',[_v("This section describes some noteworthy details on how certain features are implemented.")]),_v(" "),_m(47),_v(" "),_m(48),_v(" "),_m(49),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_m(52),_v(" "),_m(53),_v(" "),_m(54),_v(" "),_m(55),_v(" "),_m(56),_v(" "),_c('p',[_v("Step 1. The user launches the application, it will show the list of all contacts.")]),_v(" "),_m(57),_v(" "),_m(58),_v(" "),_c('p',[_v("Step 4. The filtered list and success message will be reflected in the UI.")]),_v(" "),_m(59),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tag/ListContactSequenceDiagram.png"}}),_v(" "),_m(60),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tag/ListContactActivityDiagram.png"}}),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_m(63),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tag/TagSequenceDiagram.png"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The sequence diagram for removing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" is similar to adding "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(". Simply replace "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddCommandParser")]),_v(" with "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommandParser")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagCommandParser")]),_v(" with "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagCommandParser")]),_v(", and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagCommand")]),_v(" with "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagCommand")]),_v(".")])]),_v(" "),_m(66),_v(" "),_m(67),_v(" "),_m(68),_v(" "),_m(69),_v(" "),_m(70),_v(" "),_m(71),_v(" "),_m(72),_v(" "),_c('p',[_v("When the command is execute, it carries out the following operations:")]),_v(" "),_m(73),_v(" "),_m(74),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tag/AddTagActivityDiagram.png"}}),_v(" "),_m(75),_v(" "),_m(76),_v(" "),_c('p',[_v("When the command is execute, it carries out the following operations:")]),_v(" "),_m(77),_v(" "),_m(78),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tag/DeleteTagActivityDiagram.png"}}),_v(" "),_m(79),_v(" "),_m(80),_v(" "),_m(81),_v(" "),_m(82),_v(" "),_m(83),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_m(86),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/note/NoteSequenceDiagram.png"}}),_v(" "),_m(87),_v(" "),_m(88),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_m(91),_v(" "),_m(92),_v(" "),_m(93),_v(" "),_m(94),_v(" "),_m(95),_v(" "),_m(96),_v(" "),_m(97),_v(" "),_m(98),_v(" "),_c('p',[_v("When the command is executed, it carries out the following operations:")]),_v(" "),_m(99),_v(" "),_m(100),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/note/AddNoteActivityDiagram.png"}}),_v(" "),_m(101),_v(" "),_m(102),_v(" "),_c('p',[_v("When the command is executed, it carries out the following operations:")]),_v(" "),_m(103),_v(" "),_m(104),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/note/DeleteNoteActivityDiagram.png"}}),_v(" "),_m(105),_v(" "),_m(106),_v(" "),_m(107),_v(" "),_m(108),_v(" "),_m(109),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/AddEventSequenceDiagram.png"}}),_v(" "),_m(110),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/ListEventsSequenceDiagram.png"}}),_v(" "),_c('p',[_v("The activity diagram below shows the action sequence of deleting an event by contact ID and event ID.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/DeleteEventSequenceDiagram.png"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v("\nThe sequence diagram for deleting "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Event")]),_v(" is similar to adding "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Event")]),_v(".\nSimply replace "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddCommandParser")]),_v(" with "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommandParser")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddEventCommandParser")]),_v(" with "),_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("AddEventCommand")]),_v(" with "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteEventCommand")]),_v(".")])]),_v(" "),_m(111),_v(" "),_m(112),_v(" "),_m(113),_v(" "),_m(114),_v(" "),_m(115),_v(" "),_m(116),_v(" "),_m(117),_v(" "),_m(118),_v(" "),_m(119),_v(" "),_m(120),_v(" "),_m(121),_v(" "),_m(122),_v(" "),_c('p',[_v("When the command is executed, it carries out the following operations:")]),_v(" "),_m(123),_v(" "),_m(124),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/AddEventActivityDiagram.png"}}),_v(" "),_m(125),_v(" "),_m(126),_v(" "),_c('p',[_v("When the command is executed, it carries out the following operations:")]),_v(" "),_m(127),_v(" "),_m(128),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/ListEventsActivityDiagram.png"}}),_v(" "),_m(129),_v(" "),_m(130),_v(" "),_c('p',[_v("When the command is executed, it carries out the following operations:")]),_v(" "),_m(131),_v(" "),_m(132),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/DeleteEventActivityDiagram.png"}}),_v(" "),_m(133),_v(" "),_m(134),_v(" "),_c('p',[_v("Previous help feature simply opens a page with a link to the website, this is bad because:")]),_v(" "),_m(135),_v(" "),_c('p',[_v("Therefore, we want to make this better by simplifying the flow. We do this by adding:")]),_v(" "),_m(136),_v(" "),_m(137),_v(" "),_m(138),_v(" "),_m(139),_v(" "),_m(140),_v(" "),_m(141),_v(" "),_m(142),_v(" "),_m(143),_v(" "),_m(144),_v(" "),_m(145),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the undo/redo mechanism behaves at each step.")]),_v(" "),_m(146),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState0.png","alt":"UndoRedoState0"}}),_v(" "),_m(147),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState1.png","alt":"UndoRedoState1"}}),_v(" "),_m(148),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState2.png","alt":"UndoRedoState2"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If a command fails its execution, it will not call "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#commitAddressBook()")]),_v(", so the address book state will not be saved into the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addressBookStateList")]),_v(".")])]),_v(" "),_m(149),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState3.png","alt":"UndoRedoState3"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("currentStatePointer")]),_v(" is at index 0, pointing to the initial AddressBook state, then there are no previous AddressBook states to restore. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("undo")]),_v(" command uses "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#canUndoAddressBook()")]),_v(" to check if this is the case. If so, it will return an error to the user rather\nthan attempting to perform the undo.")])]),_v(" "),_c('p',[_v("The following sequence diagram shows how the undo operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoSequenceDiagram.png","alt":"UndoSequenceDiagram"}}),_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("UndoCommand")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(150),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("currentStatePointer")]),_v(" is at index "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addressBookStateList.size() - 1")]),_v(", pointing to the latest address book state, then there are no undone AddressBook states to restore. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("redo")]),_v(" command uses "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#canRedoAddressBook()")]),_v(" to check if this is the case. If so, it will return an error to the user rather than attempting to perform the redo.")])]),_v(" "),_m(151),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState4.png","alt":"UndoRedoState4"}}),_v(" "),_m(152),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState5.png","alt":"UndoRedoState5"}}),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a new command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/CommitActivityDiagram.png","width":"250"}}),_v(" "),_m(153),_v(" "),_m(154),_v(" "),_m(155),_v(" "),_c('hr'),_v(" "),_m(156),_v(" "),_m(157),_v(" "),_c('hr'),_v(" "),_m(158),_v(" "),_m(159),_v(" "),_m(160),_v(" "),_m(161),_v(" "),_m(162),_v(" "),_m(163),_v(" "),_m(164),_v(" "),_m(165),_m(166),_v(" "),_m(167),_v(" "),_m(168),_v(" "),_m(169),_v(" "),_m(170),_v(" "),_m(171),_v(" "),_m(172),_v(" "),_m(173),_v(" "),_m(174),_v(" "),_m(175),_v(" "),_m(176),_v(" "),_m(177),_v(" "),_m(178),_v(" "),_m(179),_v(" "),_m(180),_v(" "),_m(181),_v(" "),_m(182),_v(" "),_m(183),_v(" "),_m(184),_v(" "),_m(185),_v(" "),_m(186),_v(" "),_m(187),_v(" "),_m(188),_v(" "),_m(189),_v(" "),_m(190),_v(" "),_m(191),_v(" "),_m(192),_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(" "),_m(202),_v(" "),_m(203),_v(" "),_m(204),_v(" "),_m(205),_v(" "),_m(206),_v(" "),_m(207),_v(" "),_m(208),_v(" "),_m(209),_v(" "),_m(210),_v(" "),_m(211),_v(" "),_m(212),_v(" "),_m(213),_v(" "),_m(214),_v(" "),_m(215),_v(" "),_m(216),_v(" "),_m(217),_v(" "),_m(218),_v(" "),_m(219),_v(" "),_m(220),_v(" "),_m(221),_v(" "),_m(222),_v(" "),_m(223),_v(" "),_m(224),_v(" "),_m(225),_v(" "),_m(226),_v(" "),_m(227),_v(" "),_m(228),_v(" "),_m(229),_v(" "),_m(230),_v(" "),_m(231),_v(" "),_m(232),_v(" "),_m(233),_v(" "),_m(234),_v(" "),_m(235),_v(" "),_m(236),_v(" "),_c('hr'),_v(" "),_m(237),_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(238),_v(" "),_m(239),_v(" "),_m(240),_v(" "),_m(241),_v(" "),_m(242),_v(" "),_m(243),_v(" "),_m(244),_v(" "),_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(" "),_c('hr'),_v(" "),_m(254),_v(" "),_c('p',[_v("This section describes some enhancement that can be made to the existing app.")]),_v(" "),_m(255),_v(" "),_m(256)],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":"#keepintouch-developer-guide"}},[_v("KeepInTouch 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":"#table-of-contents"}},[_v("Table of Contents‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#acknowledgements"}},[_v("Acknowledgements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#setting-up-and-getting-started"}},[_v("Setting up and getting started‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#design"}},[_v("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":"#architecture"}},[_v("Architecture‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#ui-component"}},[_v("UI Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#logic-component"}},[_v("Logic Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#model-component"}},[_v("Model Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#storage-component"}},[_v("Storage Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#common-classes"}},[_v("Common Classes‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#implementation"}},[_v("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":"#list-contact-with-tags-feature"}},[_v("List Contact with Tags feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#tag-feature"}},[_v("Tag feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#notes-feature"}},[_v("Notes feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#events-feature"}},[_v("Events feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#enhanced-help-feature"}},[_v("Enhanced help feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#proposed-undo-redo-feature"}},[_v("[Proposed] Undo/redo feature‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation, logging, testing, configuration, dev-ops‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-a-requirements"}},[_v("Appendix A: 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":"#product-scope"}},[_v("Product Scope‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#user-stories"}},[_v("User Stories‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#use-cases"}},[_v("Use Cases‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#non-functional-requirements"}},[_v("Non-Functional Requirements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#glossary"}},[_v("Glossary‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-b-instructions-for-manual-testing"}},[_v("Appendix B: 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":"#launch-and-shutdown"}},[_v("Launch and shutdown‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-a-person"}},[_v("Deleting a person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-tag"}},[_v("Adding tag‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-tag"}},[_v("Deleting tag‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-note"}},[_v("Adding note‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-note"}},[_v("Deleting note‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-event"}},[_v("Adding event‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-event"}},[_v("Deleting event‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-c-planned-enhancements"}},[_v("Appendix C: 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":"#user-interface"}},[_v("User Interface‎")])])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(257)])}
+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("KeepInTouch")])]},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/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/AY2324S1-CS2103T-W16-1/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(" "),_m(1),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_c('hr'),_v(" "),_m(2),_v(" "),_m(3),_v(" "),_c('hr'),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_c('hr'),_v(" "),_m(8),_v(" "),_m(9),_v(" "),_c('hr'),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureDiagram.png","width":"280"}}),_v(" "),_m(12),_v(" "),_c('p',[_v("Given below is a quick overview of main components and how they interact with each other.")]),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_c('p',[_v("The bulk of the app's work is done by the following four components:")]),_v(" "),_m(16),_v(" "),_m(17),_v(" "),_m(18),_v(" "),_m(19),_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(20),_v(" "),_m(21),_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(22),_v(" "),_m(23),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UiClassDiagram.png","alt":"Structure of the UI Component"}}),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_m(27),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_m(30),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/LogicClassDiagram.png","width":"550"}}),_v(" "),_m(31),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteSequenceDiagram.png","alt":"Interactions Inside the Logic Component for the `delete contact 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(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(32),_v(" "),_m(33),_v(" "),_m(34),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ParserClasses.png","width":"600"}}),_v(" "),_c('p',[_v("How the parsing works:")]),_v(" "),_m(35),_v(" "),_m(36),_v(" "),_m(37),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ModelClassDiagram.png","width":"600"}}),_v(" "),_m(38),_v(" "),_m(39),_v(" "),_m(40),_v(" "),_m(41),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StorageClassDiagram.png","width":"550"}}),_v(" "),_m(42),_v(" "),_m(43),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_c('hr'),_v(" "),_m(46),_v(" "),_c('p',[_v("This section describes some noteworthy details on how certain features are implemented.")]),_v(" "),_m(47),_v(" "),_m(48),_v(" "),_m(49),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_m(52),_v(" "),_m(53),_v(" "),_m(54),_v(" "),_m(55),_v(" "),_m(56),_v(" "),_c('p',[_v("Step 1. The user launches the application, it will show the list of all contacts.")]),_v(" "),_m(57),_v(" "),_m(58),_v(" "),_c('p',[_v("Step 4. The filtered list and success message will be reflected in the UI.")]),_v(" "),_m(59),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tag/ListContactSequenceDiagram.png"}}),_v(" "),_m(60),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tag/ListContactActivityDiagram.png"}}),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_m(63),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tag/TagSequenceDiagram.png"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The sequence diagram for removing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" is similar to adding "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(". Simply replace "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddCommandParser")]),_v(" with "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommandParser")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagCommandParser")]),_v(" with "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagCommandParser")]),_v(", and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagCommand")]),_v(" with "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagCommand")]),_v(".")])]),_v(" "),_m(66),_v(" "),_m(67),_v(" "),_m(68),_v(" "),_m(69),_v(" "),_m(70),_v(" "),_m(71),_v(" "),_m(72),_v(" "),_c('p',[_v("When the command is execute, it carries out the following operations:")]),_v(" "),_m(73),_v(" "),_m(74),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tag/AddTagActivityDiagram.png"}}),_v(" "),_m(75),_v(" "),_m(76),_v(" "),_c('p',[_v("When the command is execute, it carries out the following operations:")]),_v(" "),_m(77),_v(" "),_m(78),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tag/DeleteTagActivityDiagram.png"}}),_v(" "),_m(79),_v(" "),_m(80),_v(" "),_m(81),_v(" "),_m(82),_v(" "),_m(83),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_m(86),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/note/NoteSequenceDiagram.png"}}),_v(" "),_m(87),_v(" "),_m(88),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_m(91),_v(" "),_m(92),_v(" "),_m(93),_v(" "),_m(94),_v(" "),_m(95),_v(" "),_m(96),_v(" "),_m(97),_v(" "),_m(98),_v(" "),_c('p',[_v("When the command is executed, it carries out the following operations:")]),_v(" "),_m(99),_v(" "),_m(100),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/note/AddNoteActivityDiagram.png"}}),_v(" "),_m(101),_v(" "),_m(102),_v(" "),_c('p',[_v("When the command is executed, it carries out the following operations:")]),_v(" "),_m(103),_v(" "),_m(104),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/note/DeleteNoteActivityDiagram.png"}}),_v(" "),_m(105),_v(" "),_m(106),_v(" "),_m(107),_v(" "),_m(108),_v(" "),_m(109),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/AddEventSequenceDiagram.png"}}),_v(" "),_m(110),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/ListEventsSequenceDiagram.png"}}),_v(" "),_c('p',[_v("The activity diagram below shows the action sequence of deleting an event by contact ID and event ID.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/DeleteEventSequenceDiagram.png"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v("\nThe sequence diagram for deleting "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Event")]),_v(" is similar to adding "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Event")]),_v(".\nSimply replace "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddCommandParser")]),_v(" with "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommandParser")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddEventCommandParser")]),_v(" with "),_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("AddEventCommand")]),_v(" with "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteEventCommand")]),_v(".")])]),_v(" "),_m(111),_v(" "),_m(112),_v(" "),_m(113),_v(" "),_m(114),_v(" "),_m(115),_v(" "),_m(116),_v(" "),_m(117),_v(" "),_m(118),_v(" "),_m(119),_v(" "),_m(120),_v(" "),_m(121),_v(" "),_m(122),_v(" "),_m(123),_v(" "),_m(124),_v(" "),_m(125),_v(" "),_m(126),_v(" "),_m(127),_v(" "),_m(128),_v(" "),_c('p',[_v("When the command is executed, it carries out the following operations:")]),_v(" "),_m(129),_v(" "),_m(130),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/AddEventActivityDiagram.png"}}),_v(" "),_m(131),_v(" "),_m(132),_v(" "),_c('p',[_v("When the command is executed, it carries out the following operations:")]),_v(" "),_m(133),_v(" "),_m(134),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/ListEventsActivityDiagram.png"}}),_v(" "),_m(135),_v(" "),_m(136),_v(" "),_c('p',[_v("When the command is executed, it carries out the following operations:")]),_v(" "),_m(137),_v(" "),_m(138),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/event/DeleteEventActivityDiagram.png"}}),_v(" "),_m(139),_v(" "),_m(140),_v(" "),_c('p',[_v("Previous help feature simply opens a page with a link to the website, this is bad because:")]),_v(" "),_m(141),_v(" "),_c('p',[_v("Therefore, we want to make this better by simplifying the flow. We do this by adding:")]),_v(" "),_m(142),_v(" "),_m(143),_v(" "),_m(144),_v(" "),_m(145),_v(" "),_m(146),_v(" "),_m(147),_v(" "),_m(148),_v(" "),_m(149),_v(" "),_m(150),_v(" "),_m(151),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the undo/redo mechanism behaves at each step.")]),_v(" "),_m(152),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState0.png","alt":"UndoRedoState0"}}),_v(" "),_m(153),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState1.png","alt":"UndoRedoState1"}}),_v(" "),_m(154),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState2.png","alt":"UndoRedoState2"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If a command fails its execution, it will not call "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#commitAddressBook()")]),_v(", so the address book state will not be saved into the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addressBookStateList")]),_v(".")])]),_v(" "),_m(155),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState3.png","alt":"UndoRedoState3"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("currentStatePointer")]),_v(" is at index 0, pointing to the initial AddressBook state, then there are no previous AddressBook states to restore. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("undo")]),_v(" command uses "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#canUndoAddressBook()")]),_v(" to check if this is the case. If so, it will return an error to the user rather\nthan attempting to perform the undo.")])]),_v(" "),_c('p',[_v("The following sequence diagram shows how the undo operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoSequenceDiagram.png","alt":"UndoSequenceDiagram"}}),_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("UndoCommand")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(156),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("currentStatePointer")]),_v(" is at index "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addressBookStateList.size() - 1")]),_v(", pointing to the latest address book state, then there are no undone AddressBook states to restore. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("redo")]),_v(" command uses "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#canRedoAddressBook()")]),_v(" to check if this is the case. If so, it will return an error to the user rather than attempting to perform the redo.")])]),_v(" "),_m(157),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState4.png","alt":"UndoRedoState4"}}),_v(" "),_m(158),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState5.png","alt":"UndoRedoState5"}}),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a new command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/CommitActivityDiagram.png","width":"250"}}),_v(" "),_m(159),_v(" "),_m(160),_v(" "),_m(161),_v(" "),_c('hr'),_v(" "),_m(162),_v(" "),_m(163),_v(" "),_c('hr'),_v(" "),_m(164),_v(" "),_m(165),_v(" "),_m(166),_v(" "),_m(167),_v(" "),_m(168),_v(" "),_m(169),_v(" "),_m(170),_v(" "),_m(171),_m(172),_v(" "),_m(173),_v(" "),_m(174),_v(" "),_m(175),_v(" "),_m(176),_v(" "),_m(177),_v(" "),_m(178),_v(" "),_m(179),_v(" "),_m(180),_v(" "),_m(181),_v(" "),_m(182),_v(" "),_m(183),_v(" "),_m(184),_v(" "),_m(185),_v(" "),_m(186),_v(" "),_m(187),_v(" "),_m(188),_v(" "),_m(189),_v(" "),_m(190),_v(" "),_m(191),_v(" "),_m(192),_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(" "),_m(202),_v(" "),_m(203),_v(" "),_m(204),_v(" "),_m(205),_v(" "),_m(206),_v(" "),_m(207),_v(" "),_m(208),_v(" "),_m(209),_v(" "),_m(210),_v(" "),_m(211),_v(" "),_m(212),_v(" "),_m(213),_v(" "),_m(214),_v(" "),_m(215),_v(" "),_m(216),_v(" "),_m(217),_v(" "),_m(218),_v(" "),_m(219),_v(" "),_m(220),_v(" "),_m(221),_v(" "),_m(222),_v(" "),_m(223),_v(" "),_m(224),_v(" "),_m(225),_v(" "),_m(226),_v(" "),_m(227),_v(" "),_m(228),_v(" "),_m(229),_v(" "),_m(230),_v(" "),_m(231),_v(" "),_m(232),_v(" "),_m(233),_v(" "),_m(234),_v(" "),_m(235),_v(" "),_m(236),_v(" "),_m(237),_v(" "),_m(238),_v(" "),_m(239),_v(" "),_m(240),_v(" "),_m(241),_v(" "),_m(242),_v(" "),_c('hr'),_v(" "),_m(243),_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(244),_v(" "),_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(" "),_c('hr'),_v(" "),_m(260),_v(" "),_c('p',[_v("This section describes some enhancement that can be made to the existing app.")]),_v(" "),_m(261),_v(" "),_m(262)],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":"#keepintouch-developer-guide"}},[_v("KeepInTouch 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":"#table-of-contents"}},[_v("Table of Contents‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#acknowledgements"}},[_v("Acknowledgements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#setting-up-and-getting-started"}},[_v("Setting up and getting started‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#design"}},[_v("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":"#architecture"}},[_v("Architecture‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#ui-component"}},[_v("UI Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#logic-component"}},[_v("Logic Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#model-component"}},[_v("Model Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#storage-component"}},[_v("Storage Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#common-classes"}},[_v("Common Classes‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#implementation"}},[_v("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":"#list-contact-with-tags-feature"}},[_v("List Contact with Tags feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#tag-feature"}},[_v("Tag feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#notes-feature"}},[_v("Notes feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#events-feature"}},[_v("Events feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#enhanced-help-feature"}},[_v("Enhanced help feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#proposed-undo-redo-feature"}},[_v("[Proposed] Undo/redo feature‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation, logging, testing, configuration, dev-ops‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-a-requirements"}},[_v("Appendix A: 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":"#product-scope"}},[_v("Product Scope‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#user-stories"}},[_v("User Stories‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#use-cases"}},[_v("Use Cases‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#non-functional-requirements"}},[_v("Non-Functional Requirements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#glossary"}},[_v("Glossary‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-b-instructions-for-manual-testing"}},[_v("Appendix B: 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":"#launch-and-shutdown"}},[_v("Launch and shutdown‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-a-person"}},[_v("Deleting a person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-tag"}},[_v("Adding tag‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-tag"}},[_v("Deleting tag‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-note"}},[_v("Adding note‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-note"}},[_v("Deleting note‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-event"}},[_v("Adding event‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-event"}},[_v("Deleting event‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-c-planned-enhancements"}},[_v("Appendix C: 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":"#user-interface"}},[_v("User Interface‎")])])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(263)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -14,7 +14,7 @@ with(this){return _c('p',[_c('strong',[_c('em',[_v("KeepInTouch")])]),_v(" is a
 with(this){return _c('h2',{attrs:{"id":"table-of-contents"}},[_v("Table of Contents"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#table-of-contents","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
-with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"#table-of-contents"}},[_v("Table of Contents")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#acknowledgements"}},[_v("Acknowledgements")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#setting-up-and-getting-started"}},[_v("Setting up and getting started")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#design"}},[_v("Design")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#architecture"}},[_v("Architecture")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#ui-component"}},[_v("UI Component")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#logic-component"}},[_v("Logic Component")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#model-component"}},[_v("Model Component")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#storage-component"}},[_v("Storage Component")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#common-classes"}},[_v("Common Classes")])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementation"}},[_v("Implementation")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#list-contact-with-tags-feature"}},[_v("List Contact with Tags feature")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#implementing-listpersoncommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListPersonCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-listpersoncommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListPersonCommand")])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#tag-feature"}},[_v("Tag feature")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#overview-tag"}},[_v("Overview: Tag")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addtagcommandparser-and-deletetagcommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addtagcommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagCommand")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-deletetagcommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagCommand")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#design-considerations-tag"}},[_v("Design Considerations: Tag")])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#notes-feature"}},[_v("Notes feature")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#overview-note"}},[_v("Overview: Note")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addnotecommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddNoteCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-deletenotecommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteNoteCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addnotecommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddNoteCommand")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-deletenotecommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteNoteCommand")])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#events-feature"}},[_v("Events feature")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#overview--event-"}},[_v("Overview: Event")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addeventcommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddEventCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-deleteeventcommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteEventCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addeventcommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddEventCommand")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-deleteeventcommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteEventCommand")])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#enhanced-help-feature"}},[_v("Enhanced help feature")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#proposed-undo-redo-feature"}},[_v("[Proposed] Undo/redo feature")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#proposed-implementation"}},[_v("Proposed Implementation")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#design-considerations-undo-redo"}},[_v("Design Considerations: Undo/redo")])])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation, logging, testing, configuration, dev-ops")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#appendix-a-requirements"}},[_v("Appendix A: Requirements")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#product-scope"}},[_v("Product Scope")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#user-stories"}},[_v("User Stories")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#use-cases"}},[_v("Use Cases")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#non-functional-requirements"}},[_v("Non-Functional Requirements")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#glossary"}},[_v("Glossary")])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#appendix-b-instructions-for-manual-testing"}},[_v("Appendix B: Instructions for manual testing")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#launch-and-shutdown"}},[_v("Launch and shutdown")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#deleting-a-person"}},[_v("Deleting a person")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#adding-tag"}},[_v("Adding tag")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#deleting-tag"}},[_v("Deleting tag")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#adding-note"}},[_v("Adding note")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#deleting-note"}},[_v("Deleting note")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#adding-event"}},[_v("Adding event")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#deleting-event"}},[_v("Deleting event")])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#appendix-c-planned-enhancements"}},[_v("Appendix C: Planned enhancements")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#user-interface"}},[_v("User Interface")])])])])])}
+with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"#table-of-contents"}},[_v("Table of Contents")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#acknowledgements"}},[_v("Acknowledgements")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#setting-up-and-getting-started"}},[_v("Setting up and getting started")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#design"}},[_v("Design")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#architecture"}},[_v("Architecture")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#ui-component"}},[_v("UI Component")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#logic-component"}},[_v("Logic Component")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#model-component"}},[_v("Model Component")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#storage-component"}},[_v("Storage Component")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#common-classes"}},[_v("Common Classes")])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementation"}},[_v("Implementation")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#list-contact-with-tags-feature"}},[_v("List Contact with Tags feature")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#implementing-listpersoncommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListPersonCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-listpersoncommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListPersonCommand")])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#tag-feature"}},[_v("Tag feature")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#overview-tag"}},[_v("Overview: Tag")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addtagcommandparser-and-deletetagcommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addtagcommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddTagCommand")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-deletetagcommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteTagCommand")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#design-considerations-tag"}},[_v("Design Considerations: Tag")])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#notes-feature"}},[_v("Notes feature")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#overview-note"}},[_v("Overview: Note")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addnotecommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddNoteCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-deletenotecommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteNoteCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addnotecommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddNoteCommand")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-deletenotecommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteNoteCommand")])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#events-feature"}},[_v("Events feature")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#overview--event-"}},[_v("Overview: Event")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addeventcommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddEventCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-listeventcommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListEventCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-deleteeventcommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteEventCommandParser")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-addeventcommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddEventCommand")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-listeventcommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListEventCommand")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#implementing-deleteeventcommand"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteEventCommand")])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#enhanced-help-feature"}},[_v("Enhanced help feature")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#proposed-undo-redo-feature"}},[_v("[Proposed] Undo/redo feature")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#proposed-implementation"}},[_v("Proposed Implementation")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#design-considerations-undo-redo"}},[_v("Design Considerations: Undo/redo")])])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation, logging, testing, configuration, dev-ops")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#appendix-a-requirements"}},[_v("Appendix A: Requirements")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#product-scope"}},[_v("Product Scope")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#user-stories"}},[_v("User Stories")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#use-cases"}},[_v("Use Cases")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#non-functional-requirements"}},[_v("Non-Functional Requirements")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#glossary"}},[_v("Glossary")])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#appendix-b-instructions-for-manual-testing"}},[_v("Appendix B: Instructions for manual testing")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#launch-and-shutdown"}},[_v("Launch and shutdown")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#deleting-a-person"}},[_v("Deleting a person")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#adding-tag"}},[_v("Adding tag")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#deleting-tag"}},[_v("Deleting tag")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#adding-note"}},[_v("Adding note")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#deleting-note"}},[_v("Deleting note")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#adding-event"}},[_v("Adding event")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#deleting-event"}},[_v("Deleting event")])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#appendix-c-planned-enhancements"}},[_v("Appendix C: Planned enhancements")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#user-interface"}},[_v("User Interface")])])])])])}
 },function anonymous(
 ) {
 with(this){return _c('h2',{attrs:{"id":"acknowledgements"}},[_c('strong',[_v("Acknowledgements")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acknowledgements","onclick":"event.stopPropagation()"}})])}
@@ -341,7 +341,7 @@ with(this){return _c('p',[_v("The activity diagram below shows the action sequen
 with(this){return _c('h5',{attrs:{"id":"implementing-addeventcommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddEventCommandParser")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#implementing-addeventcommandparser","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
-with(this){return _c('p',[_v("Implements the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Parser")]),_v(" interface, parsing these arguments:")])}
+with(this){return _c('p',[_v("Implements the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Parser")]),_v(" interface, parsing six main arguments:")])}
 },function anonymous(
 ) {
 with(this){return _c('ol',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("contactId")]),_v(": the one-based index of the contact shown in the GUI.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("eventName")]),_v(": the name of the event.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("eventStartTime")]),_v(": the start time of the event.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("eventEndTime")]),_v(": the end time of the event.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("eventLocation")]),_v(": the location of where the event will be held.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("eventInformation")]),_v(": the description of the event.")])])}
@@ -353,6 +353,24 @@ with(this){return _c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lan
 with(this){return _c('p',[_v("For the details of how parsing works, see the section on "),_c('a',{attrs:{"href":"#logic-component"}},[_v("Logic Component")]),_v(".")])}
 },function anonymous(
 ) {
+with(this){return _c('h5',{attrs:{"id":"implementing-listeventcommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListEventCommandParser")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#implementing-listeventcommandparser","onclick":"event.stopPropagation()"}})])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("Implements the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Parser")]),_v(" interface, parsing three main arguments:")])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("filterStartTime")]),_v(": the start time for filtering the events")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("filterEndTime")]),_v(": the end time for filtering the events")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("useAscendingOrder")]),_v(": should use ascending order when sorting the events?")])])}
+},function anonymous(
+) {
+with(this){return _c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("filterStartTime")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("filterEndTime")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("useAscendingOrder")]),_v(" are then used to create the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListEventCommand")]),_v(" object.")])}
+},function anonymous(
+) {
+with(this){return _c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("filterStartTime")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("filterEndTime")]),_v(" can both be "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("null")]),_v(" (to disable filtering) or neither be "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("null")]),_v(", but can NOT only one of them be "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("null")]),_v(".")])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("For the details of how parsing works, see the section on "),_c('a',{attrs:{"href":"#logic-component"}},[_v("Logic Component")]),_v(".")])}
+},function anonymous(
+) {
 with(this){return _c('h5',{attrs:{"id":"implementing-deleteeventcommandparser"}},[_v("Implementing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteEventCommandParser")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#implementing-deleteeventcommandparser","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
@@ -776,6 +794,6 @@ with(this){return _c('h3',{attrs:{"id":"user-interface"}},[_v("User Interface"),
 with(this){return _c('ul',[_c('li',[_v("In the current version, long names (usually longer than 40 characters) are truncated in the interface. Wrapping of names can be implemented so that long names are displayed in a more readable and user-friendly manner.")]),_v(" "),_c('li',[_v("The highlight of the contact entries is gray in color and the color of the text is white. The low contrast of the two colors decreases the readability of the texts. The color of the highlight can be changed to a darker color.")]),_v(" "),_c('li',[_v("The viewing the list of events using the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list events")]),_v(" command, the details of the contact which the event belongs to, is not present. This is incovenient for users as they will have to look through the contact list manually to find the contact. Future updates can append the contact details together with the event details when listing events.")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Documentation.html b/Documentation.html
index 033c6ee6f5c..035ce7df836 100644
--- a/Documentation.html
+++ b/Documentation.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="documentation-guide">Documentation Guide<a href="#documentation-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We use <a href="https://markbind.org/"><strong>MarkBind</strong></a> to manage documentation.</li> <li>The <code class="hljs inline no-lang">docs/</code> folder contains the source files for the documentation website.</li> <li>To learn how set it up and maintain the project website, follow the guide <a href="https://se-education.org/guides/tutorials/markbind-forked-sites.html">[se-edu/guides] Working with Forked MarkBind sites</a> for project documentation.</li></ul> <p><strong>Style guidance:</strong></p> <ul><li>Follow the <a href="https://developers.google.com/style"><strong><em>Google developer documentation style guide</em></strong></a>.</li> <li>Also relevant is the <a href="https://se-education.org/guides/conventions/markdown.html"><em>se-edu/guides <strong>Markdown coding standard</strong></em></a>.</li></ul> <p><strong>Converting to PDF</strong></p> <ul><li>See the guide <a href="https://se-education.org/guides/tutorials/savingPdf.html"><em>se-edu/guides <strong>Saving web documents as PDF files</strong></em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#documentation-guide" data-v-e6005420>Documentation Guide‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]</small></div></footer></div>
+<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="documentation-guide">Documentation Guide<a href="#documentation-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We use <a href="https://markbind.org/"><strong>MarkBind</strong></a> to manage documentation.</li> <li>The <code class="hljs inline no-lang">docs/</code> folder contains the source files for the documentation website.</li> <li>To learn how set it up and maintain the project website, follow the guide <a href="https://se-education.org/guides/tutorials/markbind-forked-sites.html">[se-edu/guides] Working with Forked MarkBind sites</a> for project documentation.</li></ul> <p><strong>Style guidance:</strong></p> <ul><li>Follow the <a href="https://developers.google.com/style"><strong><em>Google developer documentation style guide</em></strong></a>.</li> <li>Also relevant is the <a href="https://se-education.org/guides/conventions/markdown.html"><em>se-edu/guides <strong>Markdown coding standard</strong></em></a>.</li></ul> <p><strong>Converting to PDF</strong></p> <ul><li>See the guide <a href="https://se-education.org/guides/tutorials/savingPdf.html"><em>se-edu/guides <strong>Saving web documents as PDF files</strong></em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#documentation-guide" data-v-e6005420>Documentation Guide‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 0a7bb5cd648..aac11f4133e 100644
--- a/Documentation.page-vue-render.js
+++ b/Documentation.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"documentation-guide"}},[_v("Documentation Guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#documentation-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("We use "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_c('strong',[_v("MarkBind")])]),_v(" to manage documentation.")]),_v(" "),_c('li',[_v("The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("docs/")]),_v(" folder contains the source files for the documentation website.")]),_v(" "),_c('li',[_v("To learn how set it up and maintain the project website, follow the guide "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/markbind-forked-sites.html"}},[_v("[se-edu/guides] Working with Forked MarkBind sites")]),_v(" for project documentation.")])]),_v(" "),_c('p',[_c('strong',[_v("Style guidance:")])]),_v(" "),_c('ul',[_c('li',[_v("Follow the "),_c('a',{attrs:{"href":"https://developers.google.com/style"}},[_c('strong',[_c('em',[_v("Google developer documentation style guide")])])]),_v(".")]),_v(" "),_c('li',[_v("Also relevant is the "),_c('a',{attrs:{"href":"https://se-education.org/guides/conventions/markdown.html"}},[_c('em',[_v("se-edu/guides "),_c('strong',[_v("Markdown coding standard")])])]),_v(".")])]),_v(" "),_c('p',[_c('strong',[_v("Converting to PDF")])]),_v(" "),_c('ul',[_c('li',[_v("See the guide "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/savingPdf.html"}},[_c('em',[_v("se-edu/guides "),_c('strong',[_v("Saving web documents as PDF files")])])]),_v(".")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Logging.html b/Logging.html
index 4f34c23fc41..eb71f59defb 100644
--- a/Logging.html
+++ b/Logging.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="logging-guide">Logging guide<a href="#logging-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We are using <code class="hljs inline no-lang">java.util.logging</code> package for logging.</li> <li>The <code class="hljs inline no-lang">LogsCenter</code> class is used to manage the logging levels and logging destinations.</li> <li>The <code class="hljs inline no-lang">Logger</code> for a class can be obtained using <code class="hljs inline no-lang">LogsCenter.getLogger(Class)</code> which will log messages according to the specified logging level.</li> <li>Log messages are output through the console and to a <code class="hljs inline no-lang">.log</code> file.</li> <li>The output logging level can be controlled using the <code class="hljs inline no-lang">logLevel</code> setting in the configuration file (See the <a href="/tp/Configuration.html">Configuration guide</a> section).</li> <li><strong>When choosing a level for a log message</strong>, follow the conventions given in <a href="https://se-education.org/guides/conventions/java/logging.html"><em>[se-edu/guides] Java: Logging conventions</em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]</small></div></footer></div>
+<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="logging-guide">Logging guide<a href="#logging-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We are using <code class="hljs inline no-lang">java.util.logging</code> package for logging.</li> <li>The <code class="hljs inline no-lang">LogsCenter</code> class is used to manage the logging levels and logging destinations.</li> <li>The <code class="hljs inline no-lang">Logger</code> for a class can be obtained using <code class="hljs inline no-lang">LogsCenter.getLogger(Class)</code> which will log messages according to the specified logging level.</li> <li>Log messages are output through the console and to a <code class="hljs inline no-lang">.log</code> file.</li> <li>The output logging level can be controlled using the <code class="hljs inline no-lang">logLevel</code> setting in the configuration file (See the <a href="/tp/Configuration.html">Configuration guide</a> section).</li> <li><strong>When choosing a level for a log message</strong>, follow the conventions given in <a href="https://se-education.org/guides/conventions/java/logging.html"><em>[se-edu/guides] Java: Logging conventions</em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 46d46d8fcff..1445488fad1 100644
--- a/Logging.page-vue-render.js
+++ b/Logging.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"logging-guide"}},[_v("Logging guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#logging-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("We are using "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("java.util.logging")]),_v(" package for logging.")]),_v(" "),_c('li',[_v("The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("LogsCenter")]),_v(" class is used to manage the logging levels and logging destinations.")]),_v(" "),_c('li',[_v("The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Logger")]),_v(" for a class can be obtained using "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("LogsCenter.getLogger(Class)")]),_v(" which will log messages according to the specified logging level.")]),_v(" "),_c('li',[_v("Log messages are output through the console and to a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(".log")]),_v(" file.")]),_v(" "),_c('li',[_v("The output logging level can be controlled using the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("logLevel")]),_v(" setting in the configuration file (See the "),_c('a',{attrs:{"href":"/tp/Configuration.html"}},[_v("Configuration guide")]),_v(" section).")]),_v(" "),_c('li',[_c('strong',[_v("When choosing a level for a log message")]),_v(", follow the conventions given in "),_c('a',{attrs:{"href":"https://se-education.org/guides/conventions/java/logging.html"}},[_c('em',[_v("[se-edu/guides] Java: Logging conventions")])]),_v(".")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/SettingUp.html b/SettingUp.html
index 8ea93e16ee4..cb38dde22c8 100644
--- a/SettingUp.html
+++ b/SettingUp.html
@@ -30,7 +30,7 @@
 </div> <!----></div></div></div></li> <li><strong>Verify the setup</strong>:
 <ol><li>Run the <code class="hljs inline no-lang">seedu.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-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Tip:</strong>
 Optionally, you can follow the guide <a href="https://se-education.org/guides/tutorials/checkstyle.html" data-v-4d146e2c><em data-v-4d146e2c>[se-edu/guides] Using Checkstyle</em></a> to find how to use the CheckStyle within IDEA e.g., to report problems <em data-v-4d146e2c>as</em> you write code.</p></div> <!----></div></div></div></li> <li><p><strong>Set up CI</strong></p> <p>This project comes with a GitHub Actions config files (in <code class="hljs inline no-lang">.github/workflows</code> folder). When GitHub detects those files, it will run the CI for your project automatically at each push to the <code class="hljs inline no-lang">master</code> branch or to any PR. No set up required.</p></li> <li><p><strong>Learn the design</strong></p> <p>When you are ready to start coding, we recommend that you get some sense of the overall design by reading about <a href="/tp/DeveloperGuide.html#architecture">AddressBook’s architecture</a>.</p></li> <li><p><strong>Do the tutorials</strong>
-These tutorials will help you get acquainted with the codebase.</p> <ul><li><a href="/tp/tutorials/TracingCode.html">Tracing code</a></li> <li><a href="/tp/tutorials/AddRemark.html">Adding a new command</a></li> <li><a href="/tp/tutorials/RemovingFields.html">Removing fields</a></li></ul></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-and-getting-started" data-v-e6005420>Setting up and getting started‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-the-project-in-your-computer" data-v-e6005420>Setting up the project in your computer‎</a> <a class="nav-link py-1" href="#before-writing-code" data-v-e6005420>Before writing code‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]</small></div></footer></div>
+These tutorials will help you get acquainted with the codebase.</p> <ul><li><a href="/tp/tutorials/TracingCode.html">Tracing code</a></li> <li><a href="/tp/tutorials/AddRemark.html">Adding a new command</a></li> <li><a href="/tp/tutorials/RemovingFields.html">Removing fields</a></li></ul></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-and-getting-started" data-v-e6005420>Setting up and getting started‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-the-project-in-your-computer" data-v-e6005420>Setting up the project in your computer‎</a> <a class="nav-link py-1" href="#before-writing-code" data-v-e6005420>Before writing code‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 57fa601ccb2..6fc6cab408b 100644
--- a/SettingUp.page-vue-render.js
+++ b/SettingUp.page-vue-render.js
@@ -41,6 +41,6 @@ with(this){return _c('li',[_c('p',[_c('strong',[_v("Learn the design")])]),_v("
 with(this){return _c('li',[_c('p',[_c('strong',[_v("Do the tutorials")]),_v("\nThese tutorials will help you get acquainted with the codebase.")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"/tp/tutorials/TracingCode.html"}},[_v("Tracing code")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"/tp/tutorials/AddRemark.html"}},[_v("Adding a new command")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"/tp/tutorials/RemovingFields.html"}},[_v("Removing fields")])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Testing.html b/Testing.html
index 4b62ec30027..cbdfa7a166d 100644
--- a/Testing.html
+++ b/Testing.html
@@ -28,7 +28,7 @@
 test class, or a test and choose <code class="hljs inline no-lang">Run 'ABC'</code></li></ul></li> <li><strong>Method 2: Using Gradle</strong> <ul><li>Open a console and run the command <code class="hljs inline no-lang">gradlew clean test</code> (Mac/Linux: <code class="hljs inline no-lang">./gradlew clean test</code>)</li></ul></li></ul> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Link</strong>: Read <a href="https://se-education.org/guides/tutorials/gradle.html" data-v-4d146e2c>this Gradle Tutorial from the se-edu/guides</a> to learn more about using Gradle.</p></div> <!----></div></div></div> <hr> <h2 id="types-of-tests">Types of tests<a href="#types-of-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project has three types of tests:</p> <ol><li><em>Unit tests</em> targeting the lowest level methods/classes.<br>
 e.g. <code class="hljs inline no-lang">seedu.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.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 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.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 7d33cb3a285..b10c47afc80 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.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/UserGuide.html b/UserGuide.html
index b58db7478c8..9bb2860c837 100644
--- a/UserGuide.html
+++ b/UserGuide.html
@@ -47,7 +47,7 @@
 <a href="/tp/images/success-outputs/list-event-output-1.png" target="_self"><img src="/tp/images/success-outputs/list-event-output-1.png" alt="list events success output" class="img-fluid"></a> <a href="/tp/images/success-outputs/list-event-output-2.png" target="_self"><img src="/tp/images/success-outputs/list-event-output-2.png" alt="list events success output" class="img-fluid"></a></p> <h3 id="adding-an-event-add-event">Adding an <a href="#event">event</a>: <code class="hljs inline no-lang">add event</code><a href="#adding-an-event-add-event" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Adds an event to a contact. The event should not have clashes in timing with other existing events in the contact list. Events with start time earlier than the current time are allowed for keeping track of past events.</p> <p>Format: <code class="hljs inline no-lang">add event -id CONTACT_ID -en EVENT_NAME -st START_TIME [-et END_TIME] [-loc LOCATION] [-info INFORMATION]</code></p> <ul><li>If <code class="hljs inline no-lang">END_TIME</code> is not given, it will be defaulted to the <code class="hljs inline no-lang">START_TIME</code>.</li> <li>If <code class="hljs inline no-lang">START_TIME</code> is exactly equals to <code class="hljs inline no-lang">END_TIME</code>, the <code class="hljs inline no-lang">END_TIME</code> for the event will not be displayed in text-based UI.</li></ul> <p>Examples:</p> <ul><li><code class="hljs inline no-lang">add event -id 1 -en Meeting with professor -st 12:00 -et 13:00 -loc COM 1 Basement -info Discuss the project implementation with the professor</code></li> <li><code class="hljs inline no-lang">add event -id 2 -en Chat with TikTok recruiter -st 17:00</code></li></ul> <p>Successful output:
 <a href="/tp/images/success-outputs/add-event-output.png" target="_self"><img src="/tp/images/success-outputs/add-event-output.png" alt="add event success output" class="img-fluid"></a></p> <p>Unsuccessful output:</p> <ul><li>Event already exists: <code class="hljs inline no-lang">Error: Operation would result in duplicate events</code></li> <li>Invalid contact index (out of range): <code class="hljs inline no-lang">Can not find the target contact with ID: 100</code></li> <li>Invalid time format: <code class="hljs inline no-lang">Invalid date-time format! Text '29/05/2024' could not be parsed at index 2</code></li></ul> <h3 id="deleting-an-event-delete-event">Deleting an <a href="#event">event</a>: <code class="hljs inline no-lang">delete event</code><a href="#deleting-an-event-delete-event" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Deletes the specified event from a contact.</p> <p>Format: <code class="hljs inline no-lang">delete event -id CONTACT_ID -eid EVENT_ID</code></p> <ul><li>Deletes the event with the id <code class="hljs inline no-lang">EVENT_ID</code> from the contact <code class="hljs inline no-lang">CONTACT_ID</code>.</li> <li>Note that <code class="hljs inline no-lang">EVENT_ID</code> is the number that are in the left of the event line under each contact card.</li></ul> <p>Examples:</p> <ul><li><code class="hljs inline no-lang">delete event -id 1 -eid 2</code> deletes the second event from the first contact in the contact list.</li></ul> <p>Successful output:
 <a href="/tp/images/success-outputs/delete-event-output.png" target="_self"><img src="/tp/images/success-outputs/delete-event-output.png" alt="delete event success output" class="img-fluid"></a></p> <p>Unsuccessful output:</p> <ul><li>Invalid contact index (out of range): <code class="hljs inline no-lang">Can not find the target contact with ID: 100</code></li> <li>Invalid note index: <code class="hljs inline no-lang">Event not found: ID = 5</code></li></ul> <h3 id="clearing-data-clear">Clearing data: <code class="hljs inline no-lang">clear</code><a href="#clearing-data-clear" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Clears all KeepInTouch entries.</p> <p>Format: <code class="hljs inline no-lang">clear</code></p> <h3 id="exiting-the-program-exit">Exiting the program: <code class="hljs inline no-lang">exit</code><a href="#exiting-the-program-exit" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Exits the program.</p> <p>Format: <code class="hljs inline no-lang">exit</code></p> <h3 id="saving-the-data">Saving the data<a href="#saving-the-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>KeepInTouch data are saved in the hard disk automatically after any command that changes the data. There is no need to save manually.</p> <h3 id="other-features">Other Features<a href="#other-features" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><em>More features coming soon ...</em></p> <hr> <h2 id="glossary">Glossary<a href="#glossary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><h5 id="home-directory"><em>home directory</em>:<a href="#home-directory" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>The directory where the jar file for the application and the <code class="hljs inline no-lang">data</code> folder presents.</p></li> <li><h5 id="contact"><em>contact</em>:<a href="#contact" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>The unit for storing the contact information for a person/entity in the address book. You can add <a href="#tag">tags</a>, <a href="#note">notes</a> and <a href="#event">events</a> to a <em>contact</em>.</p></li> <li><h5 id="tag"><em>tag</em>:<a href="#tag" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>Short tags to be added to the contact for you to reference. It can be the type of the contact, for example, <code class="hljs inline no-lang">company</code>, <code class="hljs inline no-lang">HR</code>, etc.</p></li> <li><h5 id="note"><em>note</em>:<a href="#note" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>A piece of additional information for a contact that you want to store and reference in the future. It can be any additional information you'd like to keep with the contact.</p></li> <li><h5 id="event"><em>event</em>:<a href="#event" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5> <p>A representative of an event that you will happen with a person/entity in a contact in the future. It can be job interviews, career fairs or HR meeting appointments.</p></li></ul> <hr> <h2 id="faq">FAQ<a href="#faq" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p><strong>Q</strong>: Why can't I run the app?<br> <strong>A</strong>: Make sure you have <a href="https://www.oracle.com/sg/java/technologies/javase/jdk11-archive-downloads.html">Java 11</a> installed before running the app, and make sure you have followed the way mentioned in <a href="#quick-start">Quick Start</a>.</p> <p><strong>Q</strong>: How do I transfer my data to another device?<br> <strong>A</strong>: Please follow these steps:</p> <ul><li>Download the jar file for the app on the new device.</li> <li>Copy the data folder from the old device to the new device, and put it in the <a href="#home-directory">home directory</a> on the new device.
-<ul><li>The data folder from the old device is located at <a href="#home-directory">home directory</a>/data`. You need to copy the folder along with all files inside to the new device to complete data transfer.</li></ul></li> <li>Run the application on the new device. Now you should see the data from old device on your new device.</li> <li>Similarly, if you want to move the jar file to another directory (change the <a href="#home-directory">home directory</a>) within the same device, you also need to make sure that the <code class="hljs inline no-lang">data</code> folder is always in the new <a href="#home-directory">home directory</a> together with the jar file.</li></ul> <p><strong>Q</strong>: Can I modify the data file outside the application itself?<br> <strong>A</strong>: No, you <strong>should <em>NOT</em> directly modify the data file</strong> outside the application at anytime, otherwise it may lead to unpredictable consequences and errors to the application.</p> <hr> <h2 id="known-issues">Known issues<a href="#known-issues" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p><em>No known issues at the moment</em></p> <hr> <h2 id="command-summary">Command summary<a href="#command-summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Action</th> <th>Format, Examples</th></tr></thead> <tbody><tr><td><strong>List Contact</strong></td> <td><code class="hljs inline no-lang">list contact [-t TAGNAME...]</code> <br> e.g., <code class="hljs inline no-lang">list contact -t Recruiter</code></td></tr> <tr><td><strong>Add Contact</strong></td> <td><code class="hljs inline no-lang">add contact -n NAME -p PHONE_NUMBER -a ADDRESS -e EMAIL [-t TAGNAME...]</code> <br> e.g., <code class="hljs inline no-lang">add contact -n Aaron -p 12345678 -a Baker Street 12 -e aaron123@gmail.com -t Frontend</code></td></tr> <tr><td><strong>Delete Contact</strong></td> <td><code class="hljs inline no-lang">delete contact CONTACT_ID</code><br> e.g., <code class="hljs inline no-lang">delete contact 1</code></td></tr> <tr><td><strong>Find Contact</strong></td> <td><code class="hljs inline no-lang">find KEYWORD [OTHER_KEYWORDS...]</code><br> e.g., <code class="hljs inline no-lang">find Alex</code></td></tr> <tr><td><strong>Add Tag</strong></td> <td><code class="hljs inline no-lang">add tag -id CONTACT_ID -t TAGNAME...</code> <br> eg., <code class="hljs inline no-lang">add tag -id 1 -t Frontend</code></td></tr> <tr><td><strong>Delete Tag</strong></td> <td><code class="hljs inline no-lang">delete tag -id CONTACT_ID -t TAGNAME...</code> <br> eg., <code class="hljs inline no-lang">delete tag -id 1 -t Frontend</code></td></tr> <tr><td><strong>Add Note</strong></td> <td><code class="hljs inline no-lang">add note -id CONTACT_ID -tit NOTE_TITLE -con NOTE_CONTENT</code> <br> e.g., <code class="hljs inline no-lang">add note -id 2 -tit Open Position -con Applications for SWE full-time positions will open soon</code></td></tr> <tr><td><strong>Delete Note</strong></td> <td><code class="hljs inline no-lang">delete note -id CONTACT_ID -nid NOTE_ID</code><br> e.g., <code class="hljs inline no-lang">delete note -id 1 -nid 1</code></td></tr> <tr><td><strong>List Events</strong></td> <td><code class="hljs inline no-lang">list events [-descending] [-st START_TIME] [-et END_TIME]</code><br> e.g., <code class="hljs inline no-lang">list events -descending -st 2023-11-01 -et 2023-11-02</code></td></tr> <tr><td><strong>Add Event</strong></td> <td><code class="hljs inline no-lang">add event -id CONTACT_ID -en EVENT_NAME -st START_TIME [-et END_TIME] [-loc LOCATION] [-info INFORMATION]</code> <br> e.g., <code class="hljs inline no-lang">add event -id 1 -en Meeting with professor -st 12:00 -et 13:00 -loc COM 1 Basement -info Discuss the project implementation with the professor</code></td></tr> <tr><td><strong>Delete Event</strong></td> <td><code class="hljs inline no-lang">delete event -id CONTACT_ID -eid EVENT_ID</code><br> e.g., <code class="hljs inline no-lang">delete event -id 1 -eid 1</code></td></tr> <tr><td><strong>Clear Data</strong></td> <td><code class="hljs inline no-lang">clear</code></td></tr> <tr><td><strong>Help</strong></td> <td><code class="hljs inline no-lang">help [COMMAND_WORD]</code> <br> e.g., <code class="hljs inline no-lang">help add</code></td></tr></tbody></table></div></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]</small></div></footer></div>
+<ul><li>The data folder from the old device is located at <a href="#home-directory">home directory</a>/data`. You need to copy the folder along with all files inside to the new device to complete data transfer.</li></ul></li> <li>Run the application on the new device. Now you should see the data from old device on your new device.</li> <li>Similarly, if you want to move the jar file to another directory (change the <a href="#home-directory">home directory</a>) within the same device, you also need to make sure that the <code class="hljs inline no-lang">data</code> folder is always in the new <a href="#home-directory">home directory</a> together with the jar file.</li></ul> <p><strong>Q</strong>: Can I modify the data file outside the application itself?<br> <strong>A</strong>: No, you <strong>should <em>NOT</em> directly modify the data file</strong> outside the application at anytime, otherwise it may lead to unpredictable consequences and errors to the application.</p> <hr> <h2 id="known-issues">Known issues<a href="#known-issues" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p><em>No known issues at the moment</em></p> <hr> <h2 id="command-summary">Command summary<a href="#command-summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Action</th> <th>Format, Examples</th></tr></thead> <tbody><tr><td><strong>List Contact</strong></td> <td><code class="hljs inline no-lang">list contact [-t TAGNAME...]</code> <br> e.g., <code class="hljs inline no-lang">list contact -t Recruiter</code></td></tr> <tr><td><strong>Add Contact</strong></td> <td><code class="hljs inline no-lang">add contact -n NAME -p PHONE_NUMBER -a ADDRESS -e EMAIL [-t TAGNAME...]</code> <br> e.g., <code class="hljs inline no-lang">add contact -n Aaron -p 12345678 -a Baker Street 12 -e aaron123@gmail.com -t Frontend</code></td></tr> <tr><td><strong>Delete Contact</strong></td> <td><code class="hljs inline no-lang">delete contact CONTACT_ID</code><br> e.g., <code class="hljs inline no-lang">delete contact 1</code></td></tr> <tr><td><strong>Find Contact</strong></td> <td><code class="hljs inline no-lang">find KEYWORD [OTHER_KEYWORDS...]</code><br> e.g., <code class="hljs inline no-lang">find Alex</code></td></tr> <tr><td><strong>Add Tag</strong></td> <td><code class="hljs inline no-lang">add tag -id CONTACT_ID -t TAGNAME...</code> <br> eg., <code class="hljs inline no-lang">add tag -id 1 -t Frontend</code></td></tr> <tr><td><strong>Delete Tag</strong></td> <td><code class="hljs inline no-lang">delete tag -id CONTACT_ID -t TAGNAME...</code> <br> eg., <code class="hljs inline no-lang">delete tag -id 1 -t Frontend</code></td></tr> <tr><td><strong>Add Note</strong></td> <td><code class="hljs inline no-lang">add note -id CONTACT_ID -tit NOTE_TITLE -con NOTE_CONTENT</code> <br> e.g., <code class="hljs inline no-lang">add note -id 2 -tit Open Position -con Applications for SWE full-time positions will open soon</code></td></tr> <tr><td><strong>Delete Note</strong></td> <td><code class="hljs inline no-lang">delete note -id CONTACT_ID -nid NOTE_ID</code><br> e.g., <code class="hljs inline no-lang">delete note -id 1 -nid 1</code></td></tr> <tr><td><strong>List Events</strong></td> <td><code class="hljs inline no-lang">list events [-descending] [-st START_TIME] [-et END_TIME]</code><br> e.g., <code class="hljs inline no-lang">list events -descending -st 2023-11-01 -et 2023-11-02</code></td></tr> <tr><td><strong>Add Event</strong></td> <td><code class="hljs inline no-lang">add event -id CONTACT_ID -en EVENT_NAME -st START_TIME [-et END_TIME] [-loc LOCATION] [-info INFORMATION]</code> <br> e.g., <code class="hljs inline no-lang">add event -id 1 -en Meeting with professor -st 12:00 -et 13:00 -loc COM 1 Basement -info Discuss the project implementation with the professor</code></td></tr> <tr><td><strong>Delete Event</strong></td> <td><code class="hljs inline no-lang">delete event -id CONTACT_ID -eid EVENT_ID</code><br> e.g., <code class="hljs inline no-lang">delete event -id 1 -eid 1</code></td></tr> <tr><td><strong>Clear Data</strong></td> <td><code class="hljs inline no-lang">clear</code></td></tr> <tr><td><strong>Help</strong></td> <td><code class="hljs inline no-lang">help [COMMAND_WORD]</code> <br> e.g., <code class="hljs inline no-lang">help add</code></td></tr></tbody></table></div></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 ba806468a24..e779d7da41a 100644
--- a/UserGuide.page-vue-render.js
+++ b/UserGuide.page-vue-render.js
@@ -281,6 +281,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("List Contact")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list contact [-t TAGNAME...]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list contact -t Recruiter")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Add Contact")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add contact -n NAME -p PHONE_NUMBER -a ADDRESS -e EMAIL [-t TAGNAME...]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add contact -n Aaron -p 12345678 -a Baker Street 12 -e aaron123@gmail.com -t Frontend")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete Contact")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete contact CONTACT_ID")]),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete contact 1")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Find Contact")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find KEYWORD [OTHER_KEYWORDS...]")]),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find Alex")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Add Tag")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add tag -id CONTACT_ID -t TAGNAME...")]),_v(" "),_c('br'),_v(" eg., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add tag -id 1 -t Frontend")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete Tag")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete tag -id CONTACT_ID -t TAGNAME...")]),_v(" "),_c('br'),_v(" eg., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete tag -id 1 -t Frontend")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Add Note")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add note -id CONTACT_ID -tit NOTE_TITLE -con NOTE_CONTENT")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add note -id 2 -tit Open Position -con Applications for SWE full-time positions will open soon")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete Note")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete note -id CONTACT_ID -nid NOTE_ID")]),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete note -id 1 -nid 1")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("List Events")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list events [-descending] [-st START_TIME] [-et END_TIME]")]),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list events -descending -st 2023-11-01 -et 2023-11-02")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Add Event")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add event -id CONTACT_ID -en EVENT_NAME -st START_TIME [-et END_TIME] [-loc LOCATION] [-info INFORMATION]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add event -id 1 -en Meeting with professor -st 12:00 -et 13:00 -loc COM 1 Basement -info Discuss the project implementation with the professor")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete Event")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete event -id CONTACT_ID -eid EVENT_ID")]),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete event -id 1 -eid 1")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Clear Data")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clear")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Help")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help [COMMAND_WORD]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help add")])])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/index.html b/index.html
index 6dfd4927299..fea393d5be2 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="keepintouch">KeepInTouch<a href="#keepintouch" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/actions"><img src="https://github.com/AY2324S1-CS2103T-W16-1/tp/actions/workflows/gradle.yml/badge.svg" alt="CI Status" class="img-fluid"></a> <a href="https://codecov.io/gh/AY2324S1-CS2103T-W16-1/tp"><img src="https://codecov.io/gh/AY2324S1-CS2103T-W16-1/tp/branch/master/graph/badge.svg?token=KEJTLP53IM" 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>KeepInTouch is a Desktop application developed for jobseekers.</strong> It is meant to help them track connections in their professional network, along with events related to their professional development. While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).</p> <ul><li>If you are interested in using KeepInTouch, head over to the <a href="/tp/UserGuide.html#quick-start"><em>Quick Start</em> section of the <strong>User Guide</strong></a>.</li> <li>If you are interested in developing KeepInTouch, the <a href="/tp/DeveloperGuide.html"><strong>Developer Guide</strong></a> is a good place to start.</li></ul> <p><strong>Acknowledgements</strong></p> <ul><li>Libraries used: <a href="https://openjfx.io/">JavaFX</a>, <a href="https://github.com/FasterXML/jackson">Jackson</a>, <a href="https://github.com/junit-team/junit5">JUnit5</a></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 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="keepintouch">KeepInTouch<a href="#keepintouch" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/actions"><img src="https://github.com/AY2324S1-CS2103T-W16-1/tp/actions/workflows/gradle.yml/badge.svg" alt="CI Status" class="img-fluid"></a> <a href="https://codecov.io/gh/AY2324S1-CS2103T-W16-1/tp"><img src="https://codecov.io/gh/AY2324S1-CS2103T-W16-1/tp/branch/master/graph/badge.svg?token=KEJTLP53IM" 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>KeepInTouch is a Desktop application developed for jobseekers.</strong> It is meant to help them track connections in their professional network, along with events related to their professional development. While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).</p> <ul><li>If you are interested in using KeepInTouch, head over to the <a href="/tp/UserGuide.html#quick-start"><em>Quick Start</em> section of the <strong>User Guide</strong></a>.</li> <li>If you are interested in developing KeepInTouch, the <a href="/tp/DeveloperGuide.html"><strong>Developer Guide</strong></a> is a good place to start.</li></ul> <p><strong>Acknowledgements</strong></p> <ul><li>Libraries used: <a href="https://openjfx.io/">JavaFX</a>, <a href="https://github.com/FasterXML/jackson">Jackson</a>, <a href="https://github.com/junit-team/junit5">JUnit5</a></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 16c8fc2aadb..c9e98bb7d81 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":"keepintouch"}},[_v("KeepInTouch"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#keepintouch","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/actions"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://github.com/AY2324S1-CS2103T-W16-1/tp/actions/workflows/gradle.yml/badge.svg","alt":"CI Status"}})]),_v(" "),_c('a',{attrs:{"href":"https://codecov.io/gh/AY2324S1-CS2103T-W16-1/tp"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://codecov.io/gh/AY2324S1-CS2103T-W16-1/tp/branch/master/graph/badge.svg?token=KEJTLP53IM","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("KeepInTouch is a Desktop application developed for jobseekers.")]),_v(" It is meant to help them track connections in their professional network, along with events related to their professional development. While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).")]),_v(" "),_c('ul',[_c('li',[_v("If you are interested in using KeepInTouch, head over to the "),_c('a',{attrs:{"href":"/tp/UserGuide.html#quick-start"}},[_c('em',[_v("Quick Start")]),_v(" section of the "),_c('strong',[_v("User Guide")])]),_v(".")]),_v(" "),_c('li',[_v("If you are interested in developing KeepInTouch, the "),_c('a',{attrs:{"href":"/tp/DeveloperGuide.html"}},[_c('strong',[_v("Developer Guide")])]),_v(" is a good place to start.")])]),_v(" "),_c('p',[_c('strong',[_v("Acknowledgements")])]),_v(" "),_c('ul',[_c('li',[_v("Libraries used: "),_c('a',{attrs:{"href":"https://openjfx.io/"}},[_v("JavaFX")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/FasterXML/jackson"}},[_v("Jackson")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/junit-team/junit5"}},[_v("JUnit5")])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/johndoe.html b/team/johndoe.html
index 10b9158ba7d..e9e18ee0f95 100644
--- a/team/johndoe.html
+++ b/team/johndoe.html
@@ -26,7 +26,7 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><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.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 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.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 7bc43056a7c..fef186de4d2 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.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/larrywang0701.html b/team/larrywang0701.html
index eb7454c6576..789008b5402 100644
--- a/team/larrywang0701.html
+++ b/team/larrywang0701.html
@@ -20,8 +20,8 @@
 <div id="app" data-server-rendered="true"><h3 id="project-overview">Project  Overview:<a href="#project-overview" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong><em>KeepInTouch</em></strong> is a desktop application designed for job seekers. It can help the job-seekers to manage contacts and events conveniently. Here is my work and contributions to this project:</p> <h3 id="summary-of-contributions">Summary of Contributions<a href="#summary-of-contributions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ul><li><h4 id="code-contributed">Code Contributed:<a href="#code-contributed" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=larrywang0701&amp;breakdown=false&amp;sort=groupTitle%20dsc&amp;sortWithin=title&amp;since=2023-09-22&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;tabOpen=true&amp;tabType=authorship&amp;tabAuthor=larrywang0701&amp;tabRepo=AY2324S1-CS2103T-W16-1%2Ftp%5Bmaster%5D&amp;authorshipIsMergeGroup=false&amp;authorshipFileTypes=docs~functional-code~test-code&amp;authorshipIsBinaryFileTypeChecked=false&amp;authorshipIsIgnoredFilesChecked=false">Link</a></p></li> <li><h4 id="new-feature-implemented">New feature implemented<a href="#new-feature-implemented" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <ul><li>Major parts for the event feature:
 <ul><li>Commands and features for add, list and delete events <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/33">#33</a> <ul><li><code class="hljs inline no-lang">add event</code>, <code class="hljs inline no-lang">list events</code> and <code class="hljs inline no-lang">delete event</code></li></ul></li> <li>Filter and sort events <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/71">#71</a></li> <li>Relevant test cases for event feature <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/33">#33</a> <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/71">#71</a> <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/169">#169</a></li> <li>Bug fixes for event feature <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/47">#47</a> <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/85">#85</a></li></ul></li></ul></li> <li><h4 id="enhancements-implemented">Enhancements implemented<a href="#enhancements-implemented" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <ul><li>Enhanced the logic of command parser to support secondary command word <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/33">#33</a></li></ul></li> <li><h4 id="contributions-to-the-ug">Contributions to the UG<a href="#contributions-to-the-ug" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <ul><li>During drafting stage: Wrote the command formats for most of the commands in the user guide draft.
 <ul><li>For example: <code class="hljs inline no-lang">add contact -n NAME [-p PHONE_NUMBER] [-a ADDRESS] [-e EMAIL]</code></li> <li>(in Project File on Google Docs)</li></ul></li> <li>Add details and tweak the description for <code class="hljs inline no-lang">add event</code>, <code class="hljs inline no-lang">list events</code> and <code class="hljs inline no-lang">delete event</code> commands.
-<a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/33/files#diff-b50feaf9240709b6b02fb9584696b012c2a69feeba89e409952cc2f401f373fb">#33</a> <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/71/files#diff-b50feaf9240709b6b02fb9584696b012c2a69feeba89e409952cc2f401f373fb">#71</a></li> <li>Add glossary part for UG, more hyperlinks for navigation, add more details for transferring data, and various adjustments to UG. <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/169/files#diff-b50feaf9240709b6b02fb9584696b012c2a69feeba89e409952cc2f401f373fb">#169</a></li> <li>Add the line for telling user not to modify the data file directly in FAQ part. <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/167">#167</a></li></ul></li> <li><h4 id="contributions-to-the-dg">Contributions to the DG<a href="#contributions-to-the-dg" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <ul><li>Wrote the User Stories part in the DG <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/10">#10</a></li> <li>Add details about secondary command parser in DG <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/47/files#diff-1a95edf069a4136e9cb71bee758b0dc86996f6051f0d438ec2c424557de7160b">#47</a></li> <li>UML diagrams that I made: <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/206">#206</a></li></ul> <span class="image-wrapper"><img src="/tp/team/diagrams/event/ListEventsSequenceDiagram.puml" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <span class="image-wrapper"><img src="/tp/team/diagrams/event/ListEventsActivityDiagram.puml" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <span class="image-wrapper"><img src="/tp/team/diagrams/event/DeleteEventSequenceDiagram.puml" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></li> <li><h4 id="review-mentoring-contributions">Review/mentoring contributions<a href="#review-mentoring-contributions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <ul><li>Pull requests reviewed:
-<ul><li><a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/32">#32</a></li> <li><a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/69">#69</a></li> <li><a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/163">#163</a></li> <li><a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/168">#168</a></li></ul></li></ul></li></ul></div>
+<a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/33/files#diff-b50feaf9240709b6b02fb9584696b012c2a69feeba89e409952cc2f401f373fb">#33</a> <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/71/files#diff-b50feaf9240709b6b02fb9584696b012c2a69feeba89e409952cc2f401f373fb">#71</a></li> <li>Add glossary part for UG, more hyperlinks for navigation, add more details for transferring data, and various adjustments to UG. <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/169/files#diff-b50feaf9240709b6b02fb9584696b012c2a69feeba89e409952cc2f401f373fb">#169</a></li> <li>Add the line for telling user not to modify the data file directly in FAQ part. <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/167">#167</a></li></ul></li> <li><h4 id="contributions-to-the-dg">Contributions to the DG<a href="#contributions-to-the-dg" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <ul><li>Wrote the User Stories part in the DG <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/10">#10</a></li> <li>Add details about secondary command parser in DG <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/47/files#diff-1a95edf069a4136e9cb71bee758b0dc86996f6051f0d438ec2c424557de7160b">#47</a></li> <li>Add details about implementation on <code class="hljs inline no-lang">ListEventCommandParser</code> and <code class="hljs inline no-lang">ListEventCommand</code> <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/206">#206</a> <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/208">#208</a></li> <li>UML diagrams that I made: <a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/206">#206</a> <ul><li><span class="image-wrapper"><img src="/tp/diagrams/event/ListEventsSequenceDiagram.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></li> <li><span class="image-wrapper"><img src="/tp/diagrams/event/ListEventsActivityDiagram.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></li> <li><span class="image-wrapper"><img src="/tp/diagrams/event/DeleteEventSequenceDiagram.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></li></ul></li></ul></li> <li><h4 id="review-mentoring-contributions">Review/mentoring contributions<a href="#review-mentoring-contributions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <ul><li>Pull requests reviewed:
+<ul><li><a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/32">#32</a></li> <li><a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/69">#69</a></li> <li><a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/163">#163</a></li> <li><a href="https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/168">#168</a></li></ul></li></ul></li> <li><h4 id="contributions-beyond-the-project-team">Contributions beyond the project team<a href="#contributions-beyond-the-project-team" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <ul><li>Reported 6 bugs to other team's product during PE-D</li></ul></li></ul></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/larrywang0701.page-vue-render.js b/team/larrywang0701.page-vue-render.js
index 18bc7748239..db850eb4aa5 100644
--- a/team/larrywang0701.page-vue-render.js
+++ b/team/larrywang0701.page-vue-render.js
@@ -1,7 +1,7 @@
 
     var pageVueRenderFn = function anonymous(
 ) {
-with(this){return _c('div',{attrs:{"id":"app"}},[_m(0),_v(" "),_m(1),_v(" "),_m(2),_v(" "),_c('ul',[_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_c('li',[_m(7),_v(" "),_m(8),_v(" "),_c('pic',{attrs:{"src":"/tp/team/diagrams/event/ListEventsSequenceDiagram.puml"}}),_v(" "),_c('pic',{attrs:{"src":"/tp/team/diagrams/event/ListEventsActivityDiagram.puml"}}),_v(" "),_c('pic',{attrs:{"src":"/tp/team/diagrams/event/DeleteEventSequenceDiagram.puml"}})],1),_v(" "),_m(9)])])}
+with(this){return _c('div',{attrs:{"id":"app"}},[_m(0),_v(" "),_m(1),_v(" "),_m(2),_v(" "),_c('ul',[_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_c('li',[_m(7),_v(" "),_c('ul',[_m(8),_v(" "),_m(9),_v(" "),_m(10),_v(" "),_c('li',[_v("UML diagrams that I made: "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/206"}},[_v("#206")]),_v(" "),_c('ul',[_c('li',[_c('pic',{attrs:{"src":"/tp/diagrams/event/ListEventsSequenceDiagram.png"}})],1),_v(" "),_c('li',[_c('pic',{attrs:{"src":"/tp/diagrams/event/ListEventsActivityDiagram.png"}})],1),_v(" "),_c('li',[_c('pic',{attrs:{"src":"/tp/diagrams/event/DeleteEventSequenceDiagram.png"}})],1)])])])]),_v(" "),_m(11),_v(" "),_m(12)])])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -29,9 +29,18 @@ with(this){return _c('li',[_c('h4',{attrs:{"id":"contributions-to-the-ug"}},[_v(
 with(this){return _c('h4',{attrs:{"id":"contributions-to-the-dg"}},[_v("Contributions to the DG"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#contributions-to-the-dg","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
-with(this){return _c('ul',[_c('li',[_v("Wrote the User Stories part in the DG "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/10"}},[_v("#10")])]),_v(" "),_c('li',[_v("Add details about secondary command parser in DG "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/47/files#diff-1a95edf069a4136e9cb71bee758b0dc86996f6051f0d438ec2c424557de7160b"}},[_v("#47")])]),_v(" "),_c('li',[_v("UML diagrams that I made: "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/206"}},[_v("#206")])])])}
+with(this){return _c('li',[_v("Wrote the User Stories part in the DG "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/10"}},[_v("#10")])])}
+},function anonymous(
+) {
+with(this){return _c('li',[_v("Add details about secondary command parser in DG "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/47/files#diff-1a95edf069a4136e9cb71bee758b0dc86996f6051f0d438ec2c424557de7160b"}},[_v("#47")])])}
+},function anonymous(
+) {
+with(this){return _c('li',[_v("Add details about implementation on "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListEventCommandParser")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListEventCommand")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/206"}},[_v("#206")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/208"}},[_v("#208")])])}
 },function anonymous(
 ) {
 with(this){return _c('li',[_c('h4',{attrs:{"id":"review-mentoring-contributions"}},[_v("Review/mentoring contributions"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#review-mentoring-contributions","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("Pull requests reviewed:\n"),_c('ul',[_c('li',[_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/32"}},[_v("#32")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/69"}},[_v("#69")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/163"}},[_v("#163")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W16-1/tp/pull/168"}},[_v("#168")])])])])])])}
+},function anonymous(
+) {
+with(this){return _c('li',[_c('h4',{attrs:{"id":"contributions-beyond-the-project-team"}},[_v("Contributions beyond the project team"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#contributions-beyond-the-project-team","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("Reported 6 bugs to other team's product during PE-D")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/AddRemark.html b/tutorials/AddRemark.html
index 3eae34fb6c1..567830777c8 100644
--- a/tutorials/AddRemark.html
+++ b/tutorials/AddRemark.html
@@ -179,7 +179,7 @@
 </span><span>        <span class="hljs-keyword">return</span> String.format(message, personToEdit);
 </span><span>    }
 </span></code></pre><p><a href="/tp/images/add-remark/RemarkComplete.png" target="_self"><img src="/tp/images/add-remark/RemarkComplete.png" alt="Congratulations!" class="img-fluid"></a></p> <h2 id="writing-tests">Writing tests<a href="#writing-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Tests are crucial to ensuring that bugs don’t slip into the codebase unnoticed. This is especially true for large code bases where a change might lead to unintended behavior.</p> <p>Let’s verify the correctness of our code by writing some tests!</p> <p>Of course you can simply add the test cases manually, like you've been doing all along this tutorial. The result would be like the test cases in <a href="https://github.com/se-edu/addressbook-level3/commit/fac8f3fd855d55831ca0cc73313b5943d49d4d6e#diff-ff58f7c10338b34f76645df49b71ecb2bafaf7611b20e7ff59ebc98475538a01">here</a>. Alternatively, you can get the help of IntelliJ to generate the skeletons of the test cases, as explained in the next section.</p> <h3 id="automatically-generating-tests">Automatically generating tests<a href="#automatically-generating-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The goal is to write effective and efficient tests to ensure that <code class="hljs inline no-lang">RemarkCommand#execute()</code> behaves as expected.</p> <p>The convention for test names is <code class="hljs inline no-lang">methodName_testScenario_expectedResult</code>. An example would be
-<code class="hljs inline no-lang">execute_filteredList_success</code>.</p> <p>Let’s create a test for <code class="hljs inline no-lang">RemarkCommand#execute()</code> to test that adding a remark works. On <code class="hljs inline no-lang">IntelliJ IDEA</code> you can bring up the context menu and choose to <code class="hljs inline no-lang">Go To</code> &gt; <code class="hljs inline no-lang">Test</code> or use the appropriate keyboard shortcut.</p> <p><a href="/tp/images/add-remark/ContextMenu.png" target="_self"><img src="/tp/images/add-remark/ContextMenu.png" alt="Using the context menu to jump to tests" class="img-fluid"></a></p> <p>Then, create a test for the <code class="hljs inline no-lang">execute</code> method.</p> <p><a href="/tp/images/add-remark/CreateTest.png" target="_self"><img src="/tp/images/add-remark/CreateTest.png" alt="Creating a test for `execute`." class="img-fluid"></a></p> <p>Following convention, let’s change the name of the generated method to <code class="hljs inline no-lang">execute_addRemarkUnfilteredList_success</code>.</p> <p>Let’s use the utility functions provided in <code class="hljs inline no-lang">CommandTestUtil</code>. The functions ensure that commands produce the expected <code class="hljs inline no-lang">CommandResult</code> and output the correct message. In this case, <code class="hljs inline no-lang">CommandTestUtil#assertCommandSuccess</code> is the best fit as we are testing that a <code class="hljs inline no-lang">RemarkCommand</code> will successfully add a <code class="hljs inline no-lang">Remark</code>.</p> <p>You should end up with a test that looks something like <a href="https://github.com/se-edu/addressbook-level3/commit/fac8f3fd855d55831ca0cc73313b5943d49d4d6e#diff-ff58f7c10338b34f76645df49b71ecb2bafaf7611b20e7ff59ebc98475538a01R36-R49">this</a>.</p> <h2 id="conclusion">Conclusion<a href="#conclusion" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This concludes the tutorial for adding a new <code class="hljs inline no-lang">Command</code> to AddressBook.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-adding-a-command" data-v-e6005420>Tutorial: Adding a command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#create-a-new-remark-command" data-v-e6005420>Create a new remark command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#hook-remarkcommand-into-the-application" data-v-e6005420>Hook RemarkCommand into the application‎</a> <a class="nav-link py-1" href="#run-the-application" data-v-e6005420>Run the application‎</a></nav> <a class="nav-link py-1" href="#change-remarkcommand-to-throw-an-exception" data-v-e6005420>Change RemarkCommand to throw an exception‎</a> <a class="nav-link py-1" href="#enhancing-remarkcommand" data-v-e6005420>Enhancing RemarkCommand‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#make-the-command-accept-parameters" data-v-e6005420>Make the command accept parameters‎</a> <a class="nav-link py-1" href="#parse-user-input" data-v-e6005420>Parse user input‎</a></nav> <a class="nav-link py-1" href="#add-remark-to-the-model" data-v-e6005420>Add Remark to the model‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-a-new-remark-class" data-v-e6005420>Add a new Remark class‎</a> <a class="nav-link py-1" href="#make-use-of-remark" data-v-e6005420>Make use of Remark‎</a></nav> <a class="nav-link py-1" href="#add-a-placeholder-element-for-remark-to-the-ui" data-v-e6005420>Add a placeholder element for remark to the UI‎</a> <a class="nav-link py-1" href="#modify-person-to-support-a-remark-field" data-v-e6005420>Modify Person to support a Remark field‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#modify-person" data-v-e6005420>Modify Person‎</a> <a class="nav-link py-1" href="#update-other-usages-of-person" data-v-e6005420>Update other usages of Person‎</a></nav> <a class="nav-link py-1" href="#updating-storage" data-v-e6005420>Updating Storage‎</a> <a class="nav-link py-1" href="#finalizing-the-ui" data-v-e6005420>Finalizing the UI‎</a> <a class="nav-link py-1" href="#putting-everything-together" data-v-e6005420>Putting everything together‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#update-remarkcommand-and-remarkcommandparser" data-v-e6005420>Update RemarkCommand and RemarkCommandParser‎</a></nav> <a class="nav-link py-1" href="#writing-tests" data-v-e6005420>Writing tests‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#automatically-generating-tests" data-v-e6005420>Automatically generating tests‎</a></nav> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]</small></div></footer></div>
+<code class="hljs inline no-lang">execute_filteredList_success</code>.</p> <p>Let’s create a test for <code class="hljs inline no-lang">RemarkCommand#execute()</code> to test that adding a remark works. On <code class="hljs inline no-lang">IntelliJ IDEA</code> you can bring up the context menu and choose to <code class="hljs inline no-lang">Go To</code> &gt; <code class="hljs inline no-lang">Test</code> or use the appropriate keyboard shortcut.</p> <p><a href="/tp/images/add-remark/ContextMenu.png" target="_self"><img src="/tp/images/add-remark/ContextMenu.png" alt="Using the context menu to jump to tests" class="img-fluid"></a></p> <p>Then, create a test for the <code class="hljs inline no-lang">execute</code> method.</p> <p><a href="/tp/images/add-remark/CreateTest.png" target="_self"><img src="/tp/images/add-remark/CreateTest.png" alt="Creating a test for `execute`." class="img-fluid"></a></p> <p>Following convention, let’s change the name of the generated method to <code class="hljs inline no-lang">execute_addRemarkUnfilteredList_success</code>.</p> <p>Let’s use the utility functions provided in <code class="hljs inline no-lang">CommandTestUtil</code>. The functions ensure that commands produce the expected <code class="hljs inline no-lang">CommandResult</code> and output the correct message. In this case, <code class="hljs inline no-lang">CommandTestUtil#assertCommandSuccess</code> is the best fit as we are testing that a <code class="hljs inline no-lang">RemarkCommand</code> will successfully add a <code class="hljs inline no-lang">Remark</code>.</p> <p>You should end up with a test that looks something like <a href="https://github.com/se-edu/addressbook-level3/commit/fac8f3fd855d55831ca0cc73313b5943d49d4d6e#diff-ff58f7c10338b34f76645df49b71ecb2bafaf7611b20e7ff59ebc98475538a01R36-R49">this</a>.</p> <h2 id="conclusion">Conclusion<a href="#conclusion" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This concludes the tutorial for adding a new <code class="hljs inline no-lang">Command</code> to AddressBook.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-adding-a-command" data-v-e6005420>Tutorial: Adding a command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#create-a-new-remark-command" data-v-e6005420>Create a new remark command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#hook-remarkcommand-into-the-application" data-v-e6005420>Hook RemarkCommand into the application‎</a> <a class="nav-link py-1" href="#run-the-application" data-v-e6005420>Run the application‎</a></nav> <a class="nav-link py-1" href="#change-remarkcommand-to-throw-an-exception" data-v-e6005420>Change RemarkCommand to throw an exception‎</a> <a class="nav-link py-1" href="#enhancing-remarkcommand" data-v-e6005420>Enhancing RemarkCommand‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#make-the-command-accept-parameters" data-v-e6005420>Make the command accept parameters‎</a> <a class="nav-link py-1" href="#parse-user-input" data-v-e6005420>Parse user input‎</a></nav> <a class="nav-link py-1" href="#add-remark-to-the-model" data-v-e6005420>Add Remark to the model‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-a-new-remark-class" data-v-e6005420>Add a new Remark class‎</a> <a class="nav-link py-1" href="#make-use-of-remark" data-v-e6005420>Make use of Remark‎</a></nav> <a class="nav-link py-1" href="#add-a-placeholder-element-for-remark-to-the-ui" data-v-e6005420>Add a placeholder element for remark to the UI‎</a> <a class="nav-link py-1" href="#modify-person-to-support-a-remark-field" data-v-e6005420>Modify Person to support a Remark field‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#modify-person" data-v-e6005420>Modify Person‎</a> <a class="nav-link py-1" href="#update-other-usages-of-person" data-v-e6005420>Update other usages of Person‎</a></nav> <a class="nav-link py-1" href="#updating-storage" data-v-e6005420>Updating Storage‎</a> <a class="nav-link py-1" href="#finalizing-the-ui" data-v-e6005420>Finalizing the UI‎</a> <a class="nav-link py-1" href="#putting-everything-together" data-v-e6005420>Putting everything together‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#update-remarkcommand-and-remarkcommandparser" data-v-e6005420>Update RemarkCommand and RemarkCommandParser‎</a></nav> <a class="nav-link py-1" href="#writing-tests" data-v-e6005420>Writing tests‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#automatically-generating-tests" data-v-e6005420>Automatically generating tests‎</a></nav> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 0d3d73b0c41..ccdccc4df95 100644
--- a/tutorials/AddRemark.page-vue-render.js
+++ b/tutorials/AddRemark.page-vue-render.js
@@ -290,6 +290,6 @@ with(this){return _c('h2',{attrs:{"id":"conclusion"}},[_v("Conclusion"),_c('a',{
 with(this){return _c('p',[_v("This concludes the tutorial for adding a new "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Command")]),_v(" to AddressBook.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/RemovingFields.html b/tutorials/RemovingFields.html
index b6787c0810b..00c49a256c9 100644
--- a/tutorials/RemovingFields.html
+++ b/tutorials/RemovingFields.html
@@ -44,7 +44,7 @@
 </span><span>    <span class="hljs-attr">&quot;address&quot;</span>: <span class="hljs-string">&quot;4th street&quot;</span>
 </span><span>  } ]
 </span><span>}
-</span></code></pre><p>You can go through each individual <code class="hljs inline no-lang">json</code> file and manually remove the <code class="hljs inline no-lang">address</code> field.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-removing-fields" data-v-e6005420>Tutorial: Removing Fields‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#safely-deleting-address" data-v-e6005420>Safely deleting Address‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#assisted-refactoring" data-v-e6005420>Assisted refactoring‎</a> <a class="nav-link py-1" href="#manual-refactoring" data-v-e6005420>Manual refactoring‎</a></nav> <a class="nav-link py-1" href="#tidying-up" data-v-e6005420>Tidying up‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]</small></div></footer></div>
+</span></code></pre><p>You can go through each individual <code class="hljs inline no-lang">json</code> file and manually remove the <code class="hljs inline no-lang">address</code> field.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-removing-fields" data-v-e6005420>Tutorial: Removing Fields‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#safely-deleting-address" data-v-e6005420>Safely deleting Address‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#assisted-refactoring" data-v-e6005420>Assisted refactoring‎</a> <a class="nav-link py-1" href="#manual-refactoring" data-v-e6005420>Manual refactoring‎</a></nav> <a class="nav-link py-1" href="#tidying-up" data-v-e6005420>Tidying up‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 ea8f3ff12e0..240410dff45 100644
--- a/tutorials/RemovingFields.page-vue-render.js
+++ b/tutorials/RemovingFields.page-vue-render.js
@@ -107,6 +107,6 @@ with(this){return _c('pre',[_c('code',{pre:true,attrs:{"class":"hljs json"}},[_c
 with(this){return _c('p',[_v("You can go through each individual "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("json")]),_v(" file and manually remove the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("address")]),_v(" field.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/TracingCode.html b/tutorials/TracingCode.html
index 5d98f399fe2..85272560a01 100644
--- a/tutorials/TracingCode.html
+++ b/tutorials/TracingCode.html
@@ -109,7 +109,7 @@
 do you think will happen if we traced the following commands
 instead? What exceptions do you think will be thrown (if any), where
 will the exceptions be thrown and where will they be handled?</p> <ol><li><p><code class="hljs inline no-lang">redit 1 n/Alice Yu</code></p></li> <li><p><code class="hljs inline no-lang">edit 0 n/Alice Yu</code></p></li> <li><p><code class="hljs inline no-lang">edit 1 n/Alex Yeoh</code></p></li> <li><p><code class="hljs inline no-lang">edit 1</code></p></li> <li><p><code class="hljs inline no-lang">edit 1 n/アリス ユー</code></p></li> <li><p><code class="hljs inline no-lang">edit 1 t/one t/two t/three t/one</code></p></li></ol></li> <li><p>What components will you have to modify to perform the following
-enhancements to the application?</p> <ol><li><p>Make command words case-insensitive</p></li> <li><p>Allow <code class="hljs inline no-lang">delete</code> to remove more than one index at a time</p></li> <li><p>Save the address book in the CSV format instead</p></li> <li><p>Add a new command</p></li> <li><p>Add a new field to <code class="hljs inline no-lang">Person</code></p></li> <li><p>Add a new entity to the address book</p></li></ol></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-tracing-code" data-v-e6005420>Tutorial: Tracing code‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#before-we-start" data-v-e6005420>Before we start‎</a> <a class="nav-link py-1" href="#setting-a-breakpoint" data-v-e6005420>Setting a breakpoint‎</a> <a class="nav-link py-1" href="#tracing-the-execution-path" data-v-e6005420>Tracing the execution path‎</a> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]</small></div></footer></div>
+enhancements to the application?</p> <ol><li><p>Make command words case-insensitive</p></li> <li><p>Allow <code class="hljs inline no-lang">delete</code> to remove more than one index at a time</p></li> <li><p>Save the address book in the CSV format instead</p></li> <li><p>Add a new command</p></li> <li><p>Add a new field to <code class="hljs inline no-lang">Person</code></p></li> <li><p>Add a new entity to the address book</p></li></ol></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-tracing-code" data-v-e6005420>Tutorial: Tracing code‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#before-we-start" data-v-e6005420>Before we start‎</a> <a class="nav-link py-1" href="#setting-a-breakpoint" data-v-e6005420>Setting a breakpoint‎</a> <a class="nav-link py-1" href="#tracing-the-execution-path" data-v-e6005420>Tracing the execution path‎</a> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 2:54:26 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 c28b6e996ae..a82cb1c41b9 100644
--- a/tutorials/TracingCode.page-vue-render.js
+++ b/tutorials/TracingCode.page-vue-render.js
@@ -164,6 +164,6 @@ with(this){return _c('h2',{attrs:{"id":"conclusion"}},[_v("Conclusion"),_c('a',{
 with(this){return _c('ol',[_c('li',[_c('p',[_v("In this tutorial, we traced the \"happy path\" (i.e., no errors). What\ndo you think will happen if we traced the following commands\ninstead? What exceptions do you think will be thrown (if any), where\nwill the exceptions be thrown and where will they be handled?")]),_v(" "),_c('ol',[_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("redit 1 n/Alice Yu")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 0 n/Alice Yu")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1 n/Alex Yeoh")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1 n/アリス ユー")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1 t/one t/two t/three t/one")])])])])]),_v(" "),_c('li',[_c('p',[_v("What components will you have to modify to perform the following\nenhancements to the application?")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Make command words case-insensitive")])]),_v(" "),_c('li',[_c('p',[_v("Allow "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete")]),_v(" to remove more than one index at a time")])]),_v(" "),_c('li',[_c('p',[_v("Save the address book in the CSV format instead")])]),_v(" "),_c('li',[_c('p',[_v("Add a new command")])]),_v(" "),_c('li',[_c('p',[_v("Add a new field to "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Person")])])]),_v(" "),_c('li',[_c('p',[_v("Add a new entity to the address book")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:23:22 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 2:54:26 GMT+8]")])])])}
 }];
   
\ No newline at end of file