diff --git a/AboutUs.html b/AboutUs.html
index ce701bcdb09..0f89091cef5 100644
--- a/AboutUs.html
+++ b/AboutUs.html
@@ -22,14 +22,12 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="about-us">About Us<a href="#about-us" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>We are a team based in the <a href="http://www.comp.nus.edu.sg">School of Computing, National University of Singapore</a>.</p> <p>You can reach us at the email <code class="hljs inline no-lang">seer[at]comp.nus.edu.sg</code></p> <h2 id="project-team">Project team<a href="#project-team" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="kailashwaran">Kailashwaran<a href="#kailashwaran" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/kailash201.png" width="200px"> <p>[<a href="http://github.com/Kailash201">github</a>]
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="about-us">About Us<a href="#about-us" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>We are a team based in the <a href="http://www.comp.nus.edu.sg">School of Computing, National University of Singapore</a>.</p> <p>You can reach us at the email <code class="hljs inline no-lang">seer[at]comp.nus.edu.sg</code></p> <h2 id="project-team">Project team<a href="#project-team" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="kailashwaran">Kailashwaran<a href="#kailashwaran" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/kailash201.png" width="200px"> <p>[<a href="http://github.com/Kailash201">github</a>]
 [<a href="/tp/team/kailash201.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Role: Team Lead</li></ul> <h3 id="huang-yixin">Huang Yixin<a href="#huang-yixin" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/coderhuang559.png" width="200px"> <p>[<a href="http://github.com/coderhuang559">github</a>]
 [<a href="/tp/team/coderhuang559.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Responsibilities: UI</li></ul> <h3 id="nicholas-tng">Nicholas Tng<a href="#nicholas-tng" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/nicholastng010601.png" width="200px"> <p>[<a href="http://github.com/nicholastng010601">github</a>]
 [<a href="/tp/team/nicholastng010601.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Responsibilities: Code quality</li></ul> <h3 id="goh-ler-xuan">Goh Ler Xuan<a href="#goh-ler-xuan" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/lerxuann.png" width="200px"> <p>[<a href="http://github.com/lerxuann">github</a>]
 [<a href="/tp/team/lerxuann.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Responsibilities: Documentation</li></ul> <h3 id="ong-zhen-dong">Ong Zhen Dong<a href="#ong-zhen-dong" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/zd292.png" width="200px"> <p>[<a href="https://github.com/zd292">github</a>]
-[<a href="/tp/team/zd292.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Responsibilities: Team lead</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, 9:11:14 GMT+8]</small></div></footer></div>
+[<a href="/tp/team/zd292.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Responsibilities: Team lead</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, 9:35:50 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 074752aac7a..d05b51e810e 100644
--- a/AboutUs.page-vue-render.js
+++ b/AboutUs.page-vue-render.js
@@ -1,13 +1,13 @@
 
     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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"about-us"}},[_v("About Us"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#about-us","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("We are a team based in the "),_c('a',{attrs:{"href":"http://www.comp.nus.edu.sg"}},[_v("School of Computing, National University of Singapore")]),_v(".")]),_v(" "),_c('p',[_v("You can reach us at the email "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("seer[at]comp.nus.edu.sg")])]),_v(" "),_c('h2',{attrs:{"id":"project-team"}},[_v("Project team"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-team","onclick":"event.stopPropagation()"}})]),_v(" "),_c('h3',{attrs:{"id":"kailashwaran"}},[_v("Kailashwaran"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#kailashwaran","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/kailash201.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/Kailash201"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/kailash201.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")]),_v(" "),_c('li',[_v("Role: Team Lead")])]),_v(" "),_c('h3',{attrs:{"id":"huang-yixin"}},[_v("Huang Yixin"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#huang-yixin","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/coderhuang559.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/coderhuang559"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/coderhuang559.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")]),_v(" "),_c('li',[_v("Responsibilities: UI")])]),_v(" "),_c('h3',{attrs:{"id":"nicholas-tng"}},[_v("Nicholas Tng"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#nicholas-tng","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/nicholastng010601.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/nicholastng010601"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/nicholastng010601.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")]),_v(" "),_c('li',[_v("Responsibilities: Code quality")])]),_v(" "),_c('h3',{attrs:{"id":"goh-ler-xuan"}},[_v("Goh Ler Xuan"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#goh-ler-xuan","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/lerxuann.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/lerxuann"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/lerxuann.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")]),_v(" "),_c('li',[_v("Responsibilities: Documentation")])]),_v(" "),_c('h3',{attrs:{"id":"ong-zhen-dong"}},[_v("Ong Zhen Dong"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#ong-zhen-dong","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/zd292.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"https://github.com/zd292"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/zd292.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")]),_v(" "),_c('li',[_v("Responsibilities: Team lead")])])])}
 },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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Configuration.html b/Configuration.html
index fade0f79f4d..59b7b6946a2 100644
--- a/Configuration.html
+++ b/Configuration.html
@@ -22,9 +22,7 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></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, 9:11:14 GMT+8]</small></div></footer></div>
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></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, 9:35:50 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 c29c77f610f..027ed78ed22 100644
--- a/Configuration.page-vue-render.js
+++ b/Configuration.page-vue-render.js
@@ -1,13 +1,13 @@
 
     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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
 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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DevOps.html b/DevOps.html
index 116d9a6ec80..392269c0045 100644
--- a/DevOps.html
+++ b/DevOps.html
@@ -22,11 +22,9 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></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>
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></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, 9:11:14 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, 9:35:50 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 da5184627c2..621e4216998 100644
--- a/DevOps.page-vue-render.js
+++ b/DevOps.page-vue-render.js
@@ -1,13 +1,13 @@
 
     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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_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":"#devops-guide"}},[_v("DevOps 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":"#build-automation"}},[_v("Build automation‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#continuous-integration-ci"}},[_v("Continuous integration (CI)‎")]),_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":"#code-coverage"}},[_v("Code coverage‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#repository-wide-checks"}},[_v("Repository-wide checks‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#making-a-release"}},[_v("Making a release‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_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":"#devops-guide"}},[_v("DevOps 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":"#build-automation"}},[_v("Build automation‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#continuous-integration-ci"}},[_v("Continuous integration (CI)‎")]),_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":"#code-coverage"}},[_v("Code coverage‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#repository-wide-checks"}},[_v("Repository-wide checks‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#making-a-release"}},[_v("Making a release‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
 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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DeveloperGuide.html b/DeveloperGuide.html
index 4f8fc48b2c9..e2d8b3c07a4 100644
--- a/DeveloperGuide.html
+++ b/DeveloperGuide.html
@@ -22,9 +22,7 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="projectpro-developer-guide">ProjectPRO Developer Guide<a href="#projectpro-developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="page-nav-print d-none d-print-block"></div> <hr> <h2 id="1-introduction">1. Introduction<a href="#1-introduction" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="1-1-product-overview"><strong>1.1. Product Overview</strong><a href="#1-1-product-overview" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPro is a contacts organisation application designed for university students.</p> <p>University students often spend a lot of time coordinating project meetup sessions and finding project information, resulting in large amounts of time wasted.</p> <p>This app can help to save time by:</p> <ul><li>listing available time slots of individuals in a team.</li> <li>Finding common time slots for meetings.</li> <li>Saving extra information regarding a project.</li></ul> <hr> <h3 id="1-2-setting-up-getting-started">1.2 Setting up getting started<a href="#1-2-setting-up-getting-started" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Refer to the guide <a href="/tp/SettingUp.html"><em>Setting up and getting started</em></a>.</p> <hr> <h3 id="1-3-acknowledgements">1.3 Acknowledgements<a href="#1-3-acknowledgements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPro is a brownfield Java Project based on the AB3 project template created by the <a href="https://se-education.org">SE-EDU initiative</a>.</p> <hr> <h2 id="2-design">2 Design<a href="#2-design" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="2-1-architecture">2.1 Architecture<a href="#2-1-architecture" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureDiagram.png" width="280" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The <em><strong>Architecture Diagram</strong></em> given above explains the high-level design of the App.</p> <p>Given below is a quick overview of main components and how they interact with each other.</p> <p><strong>2.1.1. Main components of the architecture</strong></p> <p><strong><code class="hljs inline no-lang">Main</code></strong> has two main classes called <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/java/seedu/address/Main.java"><code class="hljs inline no-lang">Main</code></a> and <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/java/seedu/address/MainApp.java"><code class="hljs inline no-lang">MainApp</code></a>. It is responsible for 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 rest of the App consists of these main 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>On the other hand, <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>2.1.2. How the architecture components interact with each other</strong></p> <p>The <em>Sequence Diagram</em> below shows how the components interact with each other for the scenario where the user issues the command <code class="hljs inline no-lang">delete n/Alex</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="2-2-ui-component">2.2 UI component<a href="#2-2-ui-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The <strong>API</strong> of this component is specified in <a href="https://github.com/AY2324S1-CS2103T-T10-3/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><code class="hljs inline no-lang">GroupTimeContainer</code> is a helper class that process the data from the <code class="hljs inline no-lang">model</code> in <code class="hljs inline no-lang">Calendar</code> and passes the processed data to <code class="hljs inline no-lang">DayCard</code> which will be then displayed in the <code class="hljs inline no-lang">UI</code>.</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-T10-3/tp/blob/master/src/main/java/seedu/address/ui/MainWindow.java"><code class="hljs inline no-lang">MainWindow</code></a> is specified in <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/resources/view/MainWindow.fxml"><code class="hljs inline no-lang">MainWindow.fxml</code></a>.</p> <p>The <code class="hljs inline no-lang">UI</code> component</p> <ul><li>executes user commands using the <code class="hljs inline no-lang">Logic</code> component.</li> <li>listens for changes to <code class="hljs inline no-lang">Model</code> data so that the UI can be updated with the modified data.</li> <li>keeps a reference to the <code class="hljs inline no-lang">Logic</code> component, because the <code class="hljs inline no-lang">UI</code> relies on the <code class="hljs inline no-lang">Logic</code> to execute commands.</li> <li>depends on some classes in the <code class="hljs inline no-lang">Model</code> component, as it displays <code class="hljs inline no-lang">Person</code> object residing in the <code class="hljs inline no-lang">Model</code>.</li></ul> <h3 id="2-3-logic-component">2.3 Logic component<a href="#2-3-logic-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/java/seedu/address/logic/Logic.java"><code class="hljs inline no-lang">Logic.java</code></a></p> <p>Here's a (partial) class diagram of the <code class="hljs inline no-lang">Logic</code> component:</p> <span class="image-wrapper"><img src="/tp/diagrams/LogicClassDiagram.png" width="550" 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 n/Alex&quot;)</code> API call as an example.</p> <span class="image-wrapper"><img src="/tp/diagrams/DeletePersonSequenceDiagram.png" alt="Interactions Inside the Logic Component for the `delete n/Alex` 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 calls the <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>), being executed by the <code class="hljs inline no-lang">LogicManager</code>.</li> <li>The command calls upon <code class="hljs inline no-lang">Model</code> to execute the action (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 to <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></ul> <h3 id="2-4-model-component">2.4 Model component<a href="#2-4-model-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/java/seedu/address/model/Model.java"><code class="hljs inline no-lang">Model.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/ModelClassDiagram.png" width="450" 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="2-5-storage-component">2.5 Storage component<a href="#2-5-storage-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/java/seedu/address/storage/Storage.java"><code class="hljs inline no-lang">Storage.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/StorageClassDiagram.png" width="550" 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 (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> <p>With the inclusion of <code class="hljs inline no-lang">Group</code> and <code class="hljs inline no-lang">TimeIntervals</code> in our application, more components had to be saved by our storage.</p> <p>To address this requirement, we updated our storage to save both classes in JSON format.</p> <h3 id="2-6-common-classes">2.6 Common classes<a href="#2-6-common-classes" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Classes used by multiple components are in the <code class="hljs inline no-lang">seedu.addressbook.commons</code> package.</p> <hr> <h2 id="3-implementation">3 Implementation<a href="#3-implementation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This section describes some noteworthy details on how certain features are implemented.</p> <h3 id="3-1-adding-a-person">3.1 Adding a Person<a href="#3-1-adding-a-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation">Implementation<a href="#implementation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The <code class="hljs inline no-lang">add</code> feature is facilitated by a number of classes such as <code class="hljs inline no-lang">Person</code> and <code class="hljs inline no-lang">Model</code></p> <p>Step 1. The user launches the application for the first time.</p> <p>Step 2. The user executes <code class="hljs inline no-lang">“add n/John Doe p/98765432 e/johnd@example.com g/CS2103T”</code> command to add a new person.</p> <p>Step 3, The <code class="hljs inline no-lang">AddCommandParser</code> is called to read the user input. <code class="hljs inline no-lang">AddCommandParser</code> parses the input and calls <code class="hljs inline no-lang">AddCommand</code>.</p> <p>Step.4 <code class="hljs inline no-lang">AddCommand</code> then calls <code class="hljs inline no-lang">Model#addPerson()</code> which then calls <code class="hljs inline no-lang">AddressBook#addPerson()</code>. The latter method will add person inside the <code class="hljs inline no-lang">uniquePersonList</code> in <code class="hljs inline no-lang">addressBook</code>. <code class="hljs inline no-lang">AddCommand</code> also calls <code class="hljs inline no-lang">Model#addGroup</code> which then calls <code class="hljs inline no-lang">AddressBook#addGroup</code> to add the group inside <code class="hljs inline no-lang">grouplist</code> if the group does not exist. Lastly, <code class="hljs inline no-lang">AddCommand</code> adds the person inside the group</p> <p><strong>Note</strong> No duplication is allowed in addressbook for name, email and phone number field.</p> <p>The following sequence diagram describes the process of <code class="hljs inline no-lang">add</code> command:</p> <span class="image-wrapper"><img src="/tp/diagrams/AddCommandSequenceDiagram.png" alt="AddCommandSeqDiagram" 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>AddCommandParser</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> <h4 id="design-considerations">Design considerations:<a href="#design-considerations" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: Handling group attribute in user input</strong></p> <ul><li><p><strong>Alternative 1 (Current Choice):</strong> Only allow user to add one group for each <code class="hljs inline no-lang">add</code> Command</p> <ul><li>Pros: User input length is reduced, lowering the chance of invalid input on the user's side.</li> <li>Cons: User will have to type more inputs to add more groups.</li></ul></li> <li><p><strong>Alternative 2:</strong> Allow user to add as many groups as required for each <code class="hljs inline no-lang">add</code> Command</p> <ul><li>Pros: Conveniently adds a person into multiple group while creating a new contact at the same time.</li> <li>Cons: User input can get potentially very long, increasing the chance of invalid input, relatively harder to implement parser. The implementation of it will get more complex.</li></ul></li></ul> <hr> <h3 id="3-2-adding-a-group">3.2 Adding a Group<a href="#3-2-adding-a-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="proposed-implementation">Proposed Implementation<a href="#proposed-implementation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Add Group mechanism is facilitated by <code class="hljs inline no-lang">Group</code> class. This operation is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#addGroup()</code>.</p> <p>Given below is an example usage scenario and how the group creation mechanism behaves at each step.</p> <p><strong>Step 1:</strong> User launches the application.</p> <p><strong>Step 2:</strong> The user executes <code class="hljs inline no-lang">new g/GROUPNAME</code> to create a new group with the name GROUPNAME. <code class="hljs inline no-lang">CreateGroupCommandParser</code> parses the GROUPNAME, ensuring the input is valid, and creates a <code class="hljs inline no-lang">CreateGroupCommand</code>, which calls <code class="hljs inline no-lang">Model#addGroup()</code>. The model retrieves the existing groupList from the addressBook and adds this new group to the groupList.</p> <p><strong>Note:</strong> ProjectPRO does not allow 2 groups of the same name to be added. The group name must also be alphanumerical and non empty.</p> <p>The following activity diagram summarizes what happens when a user executes a new command:</p> <span class="image-wrapper"><img src="/tp/diagrams/CreateGroupActivityDiagram.png" alt="CreateGroupActivityDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>Below is a sequence diagram that summarizes how a user creates a new group:</p> <span class="image-wrapper"><img src="/tp/diagrams/CreateGroupSequenceDiagram.png" alt="CreateGroupSequenceDiagram" 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>CreateGroupCommandParser</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> <h4 id="design-considerations-2">Design Considerations:<a href="#design-considerations-2" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: Groups with the same name</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Group names are Unique</p> <ul><li>Pros: Allow users to create groups with the same name</li> <li>Cons: User might have to be creative with naming groups</li></ul></li> <li><p><strong>Alternative 2:</strong> Group names are not unique but tagged with an id</p> <ul><li>Pros: Users can reuse commonly used group names</li> <li>Cons: Users may get confused as to what each group is meant for</li></ul></li></ul> <hr> <h3 id="3-3-delete-person-and-group">3.3 Delete Person and Group<a href="#3-3-delete-person-and-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-2">Implementation<a href="#implementation-2" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Delete person/group mechanisms are facilitated by <code class="hljs inline no-lang">Model</code> class, which accesses the <code class="hljs inline no-lang">AddressBook</code> class. It implements the following operations:</p> <ul><li><code class="hljs inline no-lang">AddressBook#removePerson(Person p)</code> — Removes Person p from the address book.</li> <li><code class="hljs inline no-lang">AddressBook#removeGroup(Group g)</code> — Removes Group g from the address book.</li></ul> <p>These operations are exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#deletePerson()</code>, <code class="hljs inline no-lang">Model#deleteGroup()</code> respectively.</p> <p>Both <code class="hljs inline no-lang">DeletePersonCommand</code> and <code class="hljs inline no-lang">DeleteGroupCommand</code> implement an abstract class <code class="hljs inline no-lang">DeleteCommand</code>, which helps to encapsulate the similarities between these two commands.</p> <p>Since both Delete Person and Delete Group commands utilise the same command word, the <code class="hljs inline no-lang">DeleteCommandParser</code> will create either a <code class="hljs inline no-lang">DeletePersonCommand</code> or  <code class="hljs inline no-lang">DeleteGroupCommand</code> and return it as a <code class="hljs inline no-lang">DeleteCommand</code> after parsing the user input.</p> <p>The following activity diagram summarizes what happens when a user executes a delete command:</p> <span class="image-wrapper"><img src="/tp/diagrams/DeleteCommandActivityDiagram.png" alt="DeleteCommandActivity" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h3 id="delete-person">Delete Person<a href="#delete-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Given below is an example usage scenario and how the Delete Person mechanism behaves at each step.</p> <p>Step 1. The user executes <code class="hljs inline no-lang">delete n/Alex Yeoh</code> command to delete a person named 'Alex Yeoh' in the contact list. After parsing, a new <code class="hljs inline no-lang">DeletePersonCommand</code> object will be returned.</p> <p>Step 2. <code class="hljs inline no-lang">DeletePersonCommand</code> is executed, in which <code class="hljs inline no-lang">Model#deletePerson(&quot;Alex Yeoh&quot;)</code> is called.</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-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> If no such person named 'Alex Yeoh' exists, a <code class="hljs inline no-lang" data-v-4d146e2c>CommandException</code> will be thrown.</p></div> <!----></div></div></div> <p>Step 3. <code class="hljs inline no-lang">Model#deletePerson()</code> will also call <code class="hljs inline no-lang">AddressBook#removePerson(Alex Yeoh)</code> which will remove the target contact from the contact list while removing it from all the groups it was part of by calling <code class="hljs inline no-lang">Group#removePerson(Alex Yeoh)</code>.</p> <p>The following sequence diagram shows how the Delete Person operation works:</p> <span class="image-wrapper"><img src="/tp/diagrams/DeletePersonSequenceDiagram.png" alt="DeletePersonSequence" 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> <h3 id="delete-group">Delete Group<a href="#delete-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The Delete Group command mechanism behaves the same as the Delete Person command above, except it deletes the target <code class="hljs inline no-lang">Group</code> object instead of the <code class="hljs inline no-lang">Person</code> object.</p> <p>Additionally, <code class="hljs inline no-lang">AddressBook#removeGroup(Group g)</code> will remove the target group 'g' from the group lists of all the members that were a part of it by calling <code class="hljs inline no-lang">Person#removeGroup(Group g)</code>.</p> <h4 id="design-considerations-3">Design Considerations:<a href="#design-considerations-3" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: How to handle two similar but different commands (delete group and delete person)</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Use the same command word</p> <ul><li>Pros: Reduces the amount of command words that users have to remember</li> <li>Cons: Users may get confused because one command word can be used for different things</li></ul></li> <li><p><strong>Alternative 2:</strong> Use different command words for both commands</p> <ul><li>Pros: Less confusing as it is intuitive that different command words are used for different commands</li> <li>Cons: Users have to remember more command words which may take more time to get used to</li></ul></li></ul> <hr> <h3 id="3-4-list-person-and-list-group">3.4 List Person and list group<a href="#3-4-list-person-and-list-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h3 id="list-person">List-Person<a href="#list-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The List mechanism is facilitated by the <code class="hljs inline no-lang">Model</code> class.</p> <p>The operation it utilises is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#updateFilteredPersonList(Predicate&lt;Person&gt; predicate)</code>.</p> <p>Given below is an example usage scenario and how the list mechanism behaves at each step.</p> <p><strong>Step 1:</strong> User executes <code class="hljs inline no-lang">list</code> command to view all contacts. After parsing, a new <code class="hljs inline no-lang">ListCommand</code> object will be returned.</p> <p><strong>Step 2:</strong> <code class="hljs inline no-lang">ListCommand</code> is executed, in which <code class="hljs inline no-lang">Model#updateFilteredPersonList(PREDICATE_SHOW_ALL_PERSONS)</code> is called with the Predicate<person> which will be true for all contacts. This updates the address book view, showing all the contacts in the address book to the user.</person></p> <p>The following activity diagram summarizes what happens when a user executes a list command:</p> <span class="image-wrapper"><img src="/tp/diagrams/ListCommandSequenceDiagram.png" alt="ListCommandSequence" 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>ListCommandParser</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> <h4 id="list-group">List Group<a href="#list-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The List Group mechanism is facilitated by the <code class="hljs inline no-lang">Model</code> class.</p> <p>The operation it utilises is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#getFilteredGroupList()</code>.</p> <p>Given below is an example usage scenario and how the listgroup mechanism behaves at each step.</p> <p><strong>Step 1:</strong> User executes <code class="hljs inline no-lang">listgroup</code> command to view all groups in their contact list. After parsing, a new <code class="hljs inline no-lang">ListGroupCommand</code> object will be returned.</p> <p><strong>Step 2:</strong> <code class="hljs inline no-lang">ListGroupCommand</code> is executed, in which <code class="hljs inline no-lang">Model#getFilteredGroupList()</code> is called, returning all the groups the user has in the contact list.</p> <p><strong>Step 3:</strong> The group names of all the groups in the contact list are appended to a <code class="hljs inline no-lang">String</code> which will be displayed to the user as a message in the output box.</p> <p>The following activity diagram summarizes what happens when a user executes a listgroup command:</p> <span class="image-wrapper"><img src="/tp/diagrams/ListGroupSequenceDiagram.png" alt="ListGroupSequence" 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>ListGroupCommandParser</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> <hr> <h3 id="3-5-find-person-and-find-group-features">3.5 Find Person and Find Group features<a href="#3-5-find-person-and-find-group-features" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-3">Implementation<a href="#implementation-3" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Find person/group mechanisms are facilitated by the <code class="hljs inline no-lang">Model</code> class.</p> <p>The operation they utilise is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#updateFilteredPersonList(Predicate&lt;Person&gt; predicate)</code>.</p> <p>Both <code class="hljs inline no-lang">FindPersonCommand</code> and <code class="hljs inline no-lang">FindGroupCommand</code> implement an abstract class <code class="hljs inline no-lang">FindCommand</code>, which helps to encapsulate the similarities between these two commands.</p> <p>Since both Find Person and Find Group commands utilise the same command word, the <code class="hljs inline no-lang">FindCommandParser</code> will create either a <code class="hljs inline no-lang">FindPersonCommand</code> or  <code class="hljs inline no-lang">FindGroupCommand</code> and return it as a <code class="hljs inline no-lang">FindCommand</code> after parsing the user input.</p> <p>The following activity diagram summarizes what happens when a user executes a find command:</p> <span class="image-wrapper"><img src="/tp/diagrams/FindCommandActivityDiagram.png" alt="FindCommandActivity" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h3 id="find-person">Find Person<a href="#find-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Given below is an example usage scenario and how the Find Person mechanism behaves at each step.</p> <p>Step 1. The user executes <code class="hljs inline no-lang">find n/Alex John</code> command to find all contacts whose names contain either 'Alex' or 'John' in the address book. After parsing, a new <code class="hljs inline no-lang">FindPersonCommand</code> object will be returned along with the corresponding <code class="hljs inline no-lang">Predicate&lt;Person&gt;</code>.</p> <p>Step 2. <code class="hljs inline no-lang">FindPersonCommand</code> is executed, in which <code class="hljs inline no-lang">Model#updateFilteredPersonList()</code> is called with the Predicate<person>. This through all the contacts in the address book, showing the updated list of contacts whose names start with 'Alex' or 'John' to the user.</person></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-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> If there are no contacts whose name contains 'Alex, or 'John', no contacts will be shown.</p></div> <!----></div></div></div> <p>The following sequence diagram shows how the Find Person operation works:</p> <span class="image-wrapper"><img src="/tp/diagrams/FindPersonSequenceDiagram.png" alt="FindPersonSequence" 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>FindCommandParser</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> <h3 id="find-group">Find Group<a href="#find-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The Find Group mechanism works like the Find Person mechanism, expect it filters contacts by a different <code class="hljs inline no-lang">Predicate&lt;Person&gt;</code> which will filter for contacts who are a part of the target group.</p> <p>Additionally, it calls on an extra method <code class="hljs inline no-lang">Group#getGroupRemark()</code>. <code class="hljs inline no-lang">Group#getGroupRemarks()</code> will be called to display the previously saved group remarks to the user.</p> <h4 id="design-considerations-4">Design Considerations:<a href="#design-considerations-4" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: How to handle two similar but different commands (find by group and find by name)</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Use the same command word</p> <ul><li>Pros: Reduces the amount of command words that users have to remember</li> <li>Cons: Users may get confused because one command word can be used for different things</li></ul></li> <li><p><strong>Alternative 2:</strong> Use different command words for both commands</p> <ul><li>Pros: Less confusing as it is intuitive that different command words are used for different commands</li> <li>Cons: Users have to remember more command words which may take more time to get used to</li></ul></li></ul> <p><strong>Aspect: Case-sensitivity for find by name</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Not case-sensitive</p> <ul><li>Pros: Fulfils its functionality better as users can search freely for their contacts even if they do not remember the exact name their contacts were saved under</li> <li>Cons: Users may get confused because aside from find by name, other user inputs are all case-sensitive</li></ul></li> <li><p><strong>Alternative 2:</strong> Case sensitive</p> <ul><li>Pros: Less confusing as it is more intuitive that all user inputs are case-sensitive, and users will be able to find specific contacts easily if they remember how exactly they were saved by</li> <li>Cons: Might hinder some more forgetful users from finding their contacts in mind if they do not remember how they capitalised their contacts when adding them</li></ul></li></ul> <hr> <h3 id="3-6-group-and-ungrouping-person">3.6 Group and Ungrouping Person<a href="#3-6-group-and-ungrouping-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-4">Implementation<a href="#implementation-4" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The group mechanism is facilitated by <code class="hljs inline no-lang">Group</code>. It is stored internally as a <code class="hljs inline no-lang">Group</code>. This operation is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#groupPerson(personName, groupName)</code>.</p> <p>Given below is an example usage scenario and how the group mechanism behaves at each step.</p> <p><strong>Step 1:</strong> User launches the application.</p> <p><strong>Step 2:</strong> The user executes <code class="hljs inline no-lang">group n/personName g/groupName</code> to group a person <code class="hljs inline no-lang">personName</code> into group <code class="hljs inline no-lang">groupName</code>. `</p> <p><strong>Step 3.</strong> GroupPersonCommandParser<code class="hljs inline no-lang">parses the personName and groupName ensuring the input is valid and creates a</code>GroupPersonCommand`</p> <p><strong>Step 4.</strong> GroupPersonCommand calls <code class="hljs inline no-lang">Model#groupPerson(personName, groupName)</code>. The model retrieves the existing person and group from the addressBook.</p> <p><strong>Step 5.</strong> Model calls <code class="hljs inline no-lang">Model#assignGroup(Person person, Group group)</code> which adds a group to a person's groupList and person to the personList in group.</p> <p><strong>Note:</strong> Should a person or group not exist, an error is thrown, displaying the missing entity to the User.</p> <p>Ungroup works in the same way as group except the use of Command word ungroup</p> <p>The following activity diagram summarizes what happens when a user executes a new command:</p> <span class="image-wrapper"><img src="/tp/diagrams/GroupPersonActivityDiagram.png" alt="GroupPersonActivityDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h4 id="design-considerations-5">Design Considerations:<a href="#design-considerations-5" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: Whether to store references in both person and group</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Store references in both person and group</p> <ul><li>Pros: Easy to implement. More efficient when searching.</li> <li>Cons: More bug-prone. May have object referencing and loading from storage issues as both the person reference to group, and group reference to person has to be loaded properly.</li></ul></li> <li><p><strong>Alternative 2:</strong> Store reference to the other entity, e.g. store a list of groups in person.</p> <ul><li>Pros: Easier to load from storage. One centralized place to store data. Less coupling.</li> <li>Cons: Searching might become more costly.</li></ul></li></ul> <hr> <h3 id="3-7-adding-a-group-remark">3.7 Adding a Group Remark<a href="#3-7-adding-a-group-remark" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-5">Implementation<a href="#implementation-5" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Group Remark mechanism is facilitated by the <code class="hljs inline no-lang">Group Remark</code> class, involving other classes like <code class="hljs inline no-lang">Group</code>. It implements the following operation:</p> <ul><li><code class="hljs inline no-lang">Group#setGroupRemark()</code> — Sets the group's remark.</li></ul> <p>This operation is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#addGroupRemark()</code>.</p> <p>Here's an example usage scenario and how the group remark mechanism behaves at each step:</p> <p><strong>Step 1.</strong> The user creates a group called &quot;CS2103T&quot;. The group is initialized with an empty <code class="hljs inline no-lang">groupRemark</code>.</p> <p><strong>Step 2.</strong> The user executes the <code class="hljs inline no-lang">remark g/CS2103T r/Quiz tomorrow</code> command to add the remark &quot;Quiz tomorrow&quot; to the &quot;CS2103T&quot; group. The <code class="hljs inline no-lang">GroupRemarkCommandParser</code> extracts the group and remark from the input and creates a <code class="hljs inline no-lang">GroupRemarkCommand</code>, which calls <code class="hljs inline no-lang">Model#addGroupRemark(groupName, groupRemark)</code>. The model retrieves the existing &quot;CS2103T&quot; group from the database and calls the group's <code class="hljs inline no-lang">Group#setGroupRemark(groupRemark)</code>, setting the &quot;Quiz tomorrow&quot; as the <code class="hljs inline no-lang">groupRemark</code> of the group.</p> <p><strong>Note:</strong> If the user wants to modify the group remark, they can execute the same command with the new remark. The existing remark will be overwritten, and the new remark is stored in the group.</p> <p>The following activity diagram summarizes what happens when a user executes a new command:</p> <span class="image-wrapper"><img src="/tp/diagrams/GroupRemarkSequenceDiagram.png" alt="GroupRemarkSequenceDiagram" 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>GroupRemarkCommandParser</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> <h4 id="design-considerations-6">Design Considerations<a href="#design-considerations-6" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspects: How to change the group remark</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Override the original remark</p> <ul><li>Pros: Easy to implement.</li> <li>Cons: May be troublesome if the user wants to keep contents from the original remark.</li></ul></li> <li><p><strong>Alternative 2:</strong> Edit the original remark</p> <ul><li>Pros: Easy to add more information.</li> <li>Cons: May be confusing to edit if there are many changes or remark is too long.</li></ul></li></ul> <hr> <h3 id="3-8-adding-time-to-a-person-or-group">3.8 Adding Time to a Person or Group<a href="#3-8-adding-time-to-a-person-or-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-6">Implementation<a href="#implementation-6" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Add Time to person/group mechanisms are facilitated by the <code class="hljs inline no-lang">TimeInterval</code> class, involving other classes like <code class="hljs inline no-lang">Person</code> and <code class="hljs inline no-lang">Group</code>. It implements the following operations:</p> <ul><li><code class="hljs inline no-lang">Person#addFreeTime()</code> — Adds the inputted time intervals to the person.</li> <li><code class="hljs inline no-lang">Group#addTime()</code> — Adds the inputted time intervals to the group.</li></ul> <p>These operations are exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#addTimeToPerson()</code>, <code class="hljs inline no-lang">Model#addTimeToGroup()</code> respectively.</p> <p>The following activity diagram summarizes what happens when a user executes an add time command:</p> <span class="image-wrapper"><img src="/tp/diagrams/AddTimeActivityDiagram.png" alt="AddTimeActivity" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h3 id="adding-time-to-a-person">Adding Time to a Person<a href="#adding-time-to-a-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Given below is an example usage scenario and how the Add Time to Person mechanism behaves at each step.</p> <p>Step 1. The user executes <code class="hljs inline no-lang">addtime n/Alex Yeoh t/mon 1300 - mon 1400 t/tue 1300 - tue 1400</code> command to add the free time intervals of Monday 1 pm to 2 pm and Tuesday 1 pm to 2 pm to a person named &quot;Alex Yeoh&quot; in the contact list. The <code class="hljs inline no-lang">AddTimeCommandParser</code> will be called to parse the inputs and check if any of the inputted times clash with each other. It will then call the <code class="hljs inline no-lang">AddTimeCommand</code>.</p> <p><strong>Note:</strong> Since multiple inputs are allowed, an array list of time intervals is passed around, each of which is to be added.</p> <p>Step 2. <code class="hljs inline no-lang">AddTimeCommand</code> is executed, in which <code class="hljs inline no-lang">Model#addTimeToPerson()</code> is called.</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-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> If no such person named &quot;Alex Yeoh&quot; exists, a <code class="hljs inline no-lang" data-v-4d146e2c>CommandException</code> will be thrown.</p></div> <!----></div></div></div> <p>Step 3. <code class="hljs inline no-lang">Model#addTimeToPerson()</code> will also call <code class="hljs inline no-lang">Person#addFreeTime()</code> which will add all times stored in the array list to the person's list of free times, given that none of the times clash with the person's existing free time intervals. If clashes do occur, the user will be notified of the problematic time intervals while the problem-free intervals will be added.</p> <p>The following sequence diagram shows how the Add Time to Person operation works:</p> <span class="image-wrapper"><img src="/tp/diagrams/AddTimeSequenceDiagram.png" alt="AddTimeSequence" 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>AddTimeCommandParser</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> <h3 id="adding-time-to-a-group">Adding Time to a Group<a href="#adding-time-to-a-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The Add Time to Group command mechanism behaves the same as the Add Time to Person command above, except it uses the <code class="hljs inline no-lang">Group</code> class instead of the <code class="hljs inline no-lang">Person</code> class.</p> <h4 id="design-considerations-7">Design Considerations<a href="#design-considerations-7" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: How to handle two similar but different commands (add meeting time to group and add free time to person)</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Use different command words for both commands</p> <ul><li>Pros: Less confusing as the 2 commands add different types of times.</li> <li>Cons: Users have to remember more command words which may take more time to get used to.</li></ul></li> <li><p><strong>Alternative 2:</strong> Use the same command word</p> <ul><li>Pros: Reduces the amount of command words that users have to remember.</li> <li>Cons: Users may get confused because the 2 commands do not add the same types of times.</li></ul></li></ul> <p><strong>Aspect: How to handle time clashes</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Add all non-clashing time intervals</p> <ul><li>Pros: More convenient as users will not need to retype the entire command if there is a clash.</li> <li>Cons: May no longer want to add certain non-clashing inputs after encountering this clash.</li></ul></li> <li><p><strong>Alternative 2:</strong> Reject all time intervals</p> <ul><li>Pros: Allows users to (heavily) edit their inputted time intervals accordingly to resolve clashes.</li> <li>Cons: May be troublesome to retype the entire command, especially if it is very long.</li></ul></li></ul> <hr> <h3 id="3-9-delete-time-feature">3.9 Delete Time Feature<a href="#3-9-delete-time-feature" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-7">Implementation<a href="#implementation-7" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Delete Time from person/group mechanisms are facilitated by the <code class="hljs inline no-lang">TimeInterval</code> class, involving other classes like <code class="hljs inline no-lang">Person</code> and <code class="hljs inline no-lang">Group</code>. It implements the following operations:</p> <ul><li><code class="hljs inline no-lang">Person#deleteFreeTime()</code> — Deletes the inputted time intervals from the person.</li> <li><code class="hljs inline no-lang">Group#deleteTime()</code> — Deletes the inputted time intervals from the group.</li></ul> <p>These operations are exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#deleteTimeFromPerson()</code>, <code class="hljs inline no-lang">Model#deleteTimeFromGroup()</code> respectively.</p> <p>Below is an activity diagram that illustrates the control flow for Delete Person Time feature.</p> <span class="image-wrapper"><img src="/tp/diagrams/DeletePersonTimeActivityDiagram.png" alt="DeletePersonTimeActivityDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h3 id="deleting-time-from-a-person">Deleting Time from a Person<a href="#deleting-time-from-a-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The proposed delete time feature is facilitated by the <code class="hljs inline no-lang">timeIntervalList</code> and <code class="hljs inline no-lang">Person</code> class. It accesses the <code class="hljs inline no-lang">timeIntervalList</code> from the <code class="hljs inline no-lang">Person</code> class and deletes a time interval with <code class="hljs inline no-lang">Person#deleteFreeTime()</code>. The operation is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#deleteTimeFromPerson</code>.</p> <p>Step 1. The user launches the application. The <code class="hljs inline no-lang">AddressBook</code> will be initialized with the free time of its contacts.</p> <p>Step 2. The user executes the command <code class="hljs inline no-lang">deleteTime n/Alex Yeoh t/mon 1200 - mon 1400 t/tue 1000 - wed 1600</code>. The <code class="hljs inline no-lang">deleteTimeCommandParser</code> will be called to parse the inputs and call the <code class="hljs inline no-lang">deletePersonTimeCommand</code>. The <code class="hljs inline no-lang">deletePersonTime</code> command calls <code class="hljs inline no-lang">Model#deleteTimeFromPerson()</code>, which will call <code class="hljs inline no-lang">Person#deleteFreeTime()</code>.</p> <p><strong>Note:</strong> Since multiple inputs are allowed, an array list of time intervals are passed around, each of which is to be deleted.</p> <p>Step 3. The function will be called in the person's <code class="hljs inline no-lang">timeInterval</code> list. The application will loop through each time interval that is to be deleted and in the person's <code class="hljs inline no-lang">timeInterval</code> list. Each time interval will be compared to see whether the <code class="hljs inline no-lang">timeIntervalList</code> contains the time interval to be deleted. Afterwards, the new <code class="hljs inline no-lang">timeInterval</code> list will be saved.</p> <p><strong>Note:</strong> If a time interval is not in the person's list, that interval will be collated and printed to specifically notify the user which time intervals are not in the list. The other time intervals that are in the list will still be deleted.</p> <p>The following sequence diagram summarizes what happens when a user executes a new command:</p> <span class="image-wrapper"><img src="/tp/diagrams/DeletePersonTimeDiagram.puml" alt="DeletePersonSequenceTimeDiagram" 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>DeleteTimeCommandParser</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> <h3 id="deleting-time-from-a-group">Deleting Time from a Group<a href="#deleting-time-from-a-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The Delete Time from Group command mechanism behaves the same as the Delete Time from Person command above, except it uses the <code class="hljs inline no-lang">Group</code> class instead of the <code class="hljs inline no-lang">Person</code> class.</p> <h4 id="design-considerations-8">Design Considerations<a href="#design-considerations-8" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: Error Messages</strong></p> <ul><li><p>Alternative 1 (current choice): Print specific error messages.</p> <ul><li>Pros: Allow users to understand which inputs went wrong.</li> <li>Cons: May have performance issues in terms of runtime as more functions will be used to craft the error message. Currently, we utilized a <code class="hljs inline no-lang">StringBuilder</code> to craft the message and did extra checks to see whether there had been any errors appended to the error message.</li></ul></li> <li><p>Alternative 2: Generalized error message.</p> <ul><li>Pros: Will be faster to implement.</li> <li>Cons: User might be unsure why the function went wrong.</li></ul></li></ul> <p><strong>Aspect: How to Handle Multiple Time Inputs</strong></p> <ul><li><p>Alternative 1 (current choice): Parse each time input one by one and execute the commands.</p> <ul><li>Pros: More user-friendly and efficient as users can delete more time intervals at once.</li> <li>Cons: More expensive as more functions will be called to parse the inputs.</li></ul></li> <li><p>Alternative 2: Allow only single input.</p> <ul><li>Pros: Faster as fewer functions are called.</li> <li>Cons: Not as user-friendly since users will have to delete time intervals one by one.</li></ul></li></ul> <p><strong>Aspect: How to Handle Errors in Time Intervals</strong></p> <ul><li><p>Alternative 1 (current choice): Delete the time intervals that are correct and return the intervals that are wrong.
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="projectpro-developer-guide">ProjectPRO Developer Guide<a href="#projectpro-developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="page-nav-print d-none d-print-block"></div> <hr> <h2 id="1-introduction">1. Introduction<a href="#1-introduction" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="1-1-product-overview"><strong>1.1. Product Overview</strong><a href="#1-1-product-overview" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPro is a contacts organisation application designed for university students.</p> <p>University students often spend a lot of time coordinating project meetup sessions and finding project information, resulting in large amounts of time wasted.</p> <p>This app can help to save time by:</p> <ul><li>listing available time slots of individuals in a team.</li> <li>Finding common time slots for meetings.</li> <li>Saving extra information regarding a project.</li></ul> <hr> <h3 id="1-2-setting-up-getting-started">1.2 Setting up getting started<a href="#1-2-setting-up-getting-started" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Refer to the guide <a href="/tp/SettingUp.html"><em>Setting up and getting started</em></a>.</p> <hr> <h3 id="1-3-acknowledgements">1.3 Acknowledgements<a href="#1-3-acknowledgements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPro is a brownfield Java Project based on the AB3 project template created by the <a href="https://se-education.org">SE-EDU initiative</a>.</p> <hr> <h2 id="2-design">2 Design<a href="#2-design" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="2-1-architecture">2.1 Architecture<a href="#2-1-architecture" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureDiagram.png" width="280" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The <em><strong>Architecture Diagram</strong></em> given above explains the high-level design of the App.</p> <p>Given below is a quick overview of main components and how they interact with each other.</p> <p><strong>2.1.1. Main components of the architecture</strong></p> <p><strong><code class="hljs inline no-lang">Main</code></strong> has two main classes called <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/java/seedu/address/Main.java"><code class="hljs inline no-lang">Main</code></a> and <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/java/seedu/address/MainApp.java"><code class="hljs inline no-lang">MainApp</code></a>. It is responsible for 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 rest of the App consists of these main 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>On the other hand, <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>2.1.2. How the architecture components interact with each other</strong></p> <p>The <em>Sequence Diagram</em> below shows how the components interact with each other for the scenario where the user issues the command <code class="hljs inline no-lang">delete n/Alex</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="2-2-ui-component">2.2 UI component<a href="#2-2-ui-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The <strong>API</strong> of this component is specified in <a href="https://github.com/AY2324S1-CS2103T-T10-3/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><code class="hljs inline no-lang">GroupTimeContainer</code> is a helper class that process the data from the <code class="hljs inline no-lang">model</code> in <code class="hljs inline no-lang">Calendar</code> and passes the processed data to <code class="hljs inline no-lang">DayCard</code> which will be then displayed in the <code class="hljs inline no-lang">UI</code>.</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-T10-3/tp/blob/master/src/main/java/seedu/address/ui/MainWindow.java"><code class="hljs inline no-lang">MainWindow</code></a> is specified in <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/resources/view/MainWindow.fxml"><code class="hljs inline no-lang">MainWindow.fxml</code></a>.</p> <p>The <code class="hljs inline no-lang">UI</code> component</p> <ul><li>executes user commands using the <code class="hljs inline no-lang">Logic</code> component.</li> <li>listens for changes to <code class="hljs inline no-lang">Model</code> data so that the UI can be updated with the modified data.</li> <li>keeps a reference to the <code class="hljs inline no-lang">Logic</code> component, because the <code class="hljs inline no-lang">UI</code> relies on the <code class="hljs inline no-lang">Logic</code> to execute commands.</li> <li>depends on some classes in the <code class="hljs inline no-lang">Model</code> component, as it displays <code class="hljs inline no-lang">Person</code> object residing in the <code class="hljs inline no-lang">Model</code>.</li></ul> <h3 id="2-3-logic-component">2.3 Logic component<a href="#2-3-logic-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/java/seedu/address/logic/Logic.java"><code class="hljs inline no-lang">Logic.java</code></a></p> <p>Here's a (partial) class diagram of the <code class="hljs inline no-lang">Logic</code> component:</p> <span class="image-wrapper"><img src="/tp/diagrams/LogicClassDiagram.png" width="550" 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 n/Alex&quot;)</code> API call as an example.</p> <span class="image-wrapper"><img src="/tp/diagrams/DeletePersonSequenceDiagram.png" alt="Interactions Inside the Logic Component for the `delete n/Alex` 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 calls the <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>), being executed by the <code class="hljs inline no-lang">LogicManager</code>.</li> <li>The command calls upon <code class="hljs inline no-lang">Model</code> to execute the action (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 to <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></ul> <h3 id="2-4-model-component">2.4 Model component<a href="#2-4-model-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/java/seedu/address/model/Model.java"><code class="hljs inline no-lang">Model.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/ModelClassDiagram.png" width="450" 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="2-5-storage-component">2.5 Storage component<a href="#2-5-storage-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/blob/master/src/main/java/seedu/address/storage/Storage.java"><code class="hljs inline no-lang">Storage.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/StorageClassDiagram.png" width="550" 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 (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> <p>With the inclusion of <code class="hljs inline no-lang">Group</code> and <code class="hljs inline no-lang">TimeIntervals</code> in our application, more components had to be saved by our storage.</p> <p>To address this requirement, we updated our storage to save both classes in JSON format.</p> <h3 id="2-6-common-classes">2.6 Common classes<a href="#2-6-common-classes" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Classes used by multiple components are in the <code class="hljs inline no-lang">seedu.addressbook.commons</code> package.</p> <hr> <h2 id="3-implementation">3 Implementation<a href="#3-implementation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This section describes some noteworthy details on how certain features are implemented.</p> <h3 id="3-1-adding-a-person">3.1 Adding a Person<a href="#3-1-adding-a-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation">Implementation<a href="#implementation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The <code class="hljs inline no-lang">add</code> feature is facilitated by a number of classes such as <code class="hljs inline no-lang">Person</code> and <code class="hljs inline no-lang">Model</code></p> <p>Step 1. The user launches the application for the first time.</p> <p>Step 2. The user executes <code class="hljs inline no-lang">“add n/John Doe p/98765432 e/johnd@example.com g/CS2103T”</code> command to add a new person.</p> <p>Step 3, The <code class="hljs inline no-lang">AddCommandParser</code> is called to read the user input. <code class="hljs inline no-lang">AddCommandParser</code> parses the input and calls <code class="hljs inline no-lang">AddCommand</code>.</p> <p>Step.4 <code class="hljs inline no-lang">AddCommand</code> then calls <code class="hljs inline no-lang">Model#addPerson()</code> which then calls <code class="hljs inline no-lang">AddressBook#addPerson()</code>. The latter method will add person inside the <code class="hljs inline no-lang">uniquePersonList</code> in <code class="hljs inline no-lang">addressBook</code>. <code class="hljs inline no-lang">AddCommand</code> also calls <code class="hljs inline no-lang">Model#addGroup</code> which then calls <code class="hljs inline no-lang">AddressBook#addGroup</code> to add the group inside <code class="hljs inline no-lang">grouplist</code> if the group does not exist. Lastly, <code class="hljs inline no-lang">AddCommand</code> adds the person inside the group</p> <p><strong>Note</strong> No duplication is allowed in addressbook for name, email and phone number field.</p> <p>The following sequence diagram describes the process of <code class="hljs inline no-lang">add</code> command:</p> <span class="image-wrapper"><img src="/tp/diagrams/AddCommandSequenceDiagram.png" alt="AddCommandSeqDiagram" 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>AddCommandParser</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> <h4 id="design-considerations">Design considerations:<a href="#design-considerations" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: Handling group attribute in user input</strong></p> <ul><li><p><strong>Alternative 1 (Current Choice):</strong> Only allow user to add one group for each <code class="hljs inline no-lang">add</code> Command</p> <ul><li>Pros: User input length is reduced, lowering the chance of invalid input on the user's side.</li> <li>Cons: User will have to type more inputs to add more groups.</li></ul></li> <li><p><strong>Alternative 2:</strong> Allow user to add as many groups as required for each <code class="hljs inline no-lang">add</code> Command</p> <ul><li>Pros: Conveniently adds a person into multiple group while creating a new contact at the same time.</li> <li>Cons: User input can get potentially very long, increasing the chance of invalid input, relatively harder to implement parser. The implementation of it will get more complex.</li></ul></li></ul> <hr> <h3 id="3-2-adding-a-group">3.2 Adding a Group<a href="#3-2-adding-a-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="proposed-implementation">Proposed Implementation<a href="#proposed-implementation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Add Group mechanism is facilitated by <code class="hljs inline no-lang">Group</code> class. This operation is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#addGroup()</code>.</p> <p>Given below is an example usage scenario and how the group creation mechanism behaves at each step.</p> <p><strong>Step 1:</strong> User launches the application.</p> <p><strong>Step 2:</strong> The user executes <code class="hljs inline no-lang">new g/GROUPNAME</code> to create a new group with the name GROUPNAME. <code class="hljs inline no-lang">CreateGroupCommandParser</code> parses the GROUPNAME, ensuring the input is valid, and creates a <code class="hljs inline no-lang">CreateGroupCommand</code>, which calls <code class="hljs inline no-lang">Model#addGroup()</code>. The model retrieves the existing groupList from the addressBook and adds this new group to the groupList.</p> <p><strong>Note:</strong> ProjectPRO does not allow 2 groups of the same name to be added. The group name must also be alphanumerical and non empty.</p> <p>The following activity diagram summarizes what happens when a user executes a new command:</p> <span class="image-wrapper"><img src="/tp/diagrams/CreateGroupActivityDiagram.png" alt="CreateGroupActivityDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>Below is a sequence diagram that summarizes how a user creates a new group:</p> <span class="image-wrapper"><img src="/tp/diagrams/CreateGroupSequenceDiagram.png" alt="CreateGroupSequenceDiagram" 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>CreateGroupCommandParser</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> <h4 id="design-considerations-2">Design Considerations:<a href="#design-considerations-2" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: Groups with the same name</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Group names are Unique</p> <ul><li>Pros: Allow users to create groups with the same name</li> <li>Cons: User might have to be creative with naming groups</li></ul></li> <li><p><strong>Alternative 2:</strong> Group names are not unique but tagged with an id</p> <ul><li>Pros: Users can reuse commonly used group names</li> <li>Cons: Users may get confused as to what each group is meant for</li></ul></li></ul> <hr> <h3 id="3-3-delete-person-and-group">3.3 Delete Person and Group<a href="#3-3-delete-person-and-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-2">Implementation<a href="#implementation-2" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Delete person/group mechanisms are facilitated by <code class="hljs inline no-lang">Model</code> class, which accesses the <code class="hljs inline no-lang">AddressBook</code> class. It implements the following operations:</p> <ul><li><code class="hljs inline no-lang">AddressBook#removePerson(Person p)</code> — Removes Person p from the address book.</li> <li><code class="hljs inline no-lang">AddressBook#removeGroup(Group g)</code> — Removes Group g from the address book.</li></ul> <p>These operations are exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#deletePerson()</code>, <code class="hljs inline no-lang">Model#deleteGroup()</code> respectively.</p> <p>Both <code class="hljs inline no-lang">DeletePersonCommand</code> and <code class="hljs inline no-lang">DeleteGroupCommand</code> implement an abstract class <code class="hljs inline no-lang">DeleteCommand</code>, which helps to encapsulate the similarities between these two commands.</p> <p>Since both Delete Person and Delete Group commands utilise the same command word, the <code class="hljs inline no-lang">DeleteCommandParser</code> will create either a <code class="hljs inline no-lang">DeletePersonCommand</code> or  <code class="hljs inline no-lang">DeleteGroupCommand</code> and return it as a <code class="hljs inline no-lang">DeleteCommand</code> after parsing the user input.</p> <p>The following activity diagram summarizes what happens when a user executes a delete command:</p> <span class="image-wrapper"><img src="/tp/diagrams/DeleteCommandActivityDiagram.png" alt="DeleteCommandActivity" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h3 id="delete-person">Delete Person<a href="#delete-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Given below is an example usage scenario and how the Delete Person mechanism behaves at each step.</p> <p>Step 1. The user executes <code class="hljs inline no-lang">delete n/Alex Yeoh</code> command to delete a person named 'Alex Yeoh' in the contact list. After parsing, a new <code class="hljs inline no-lang">DeletePersonCommand</code> object will be returned.</p> <p>Step 2. <code class="hljs inline no-lang">DeletePersonCommand</code> is executed, in which <code class="hljs inline no-lang">Model#deletePerson(&quot;Alex Yeoh&quot;)</code> is called.</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-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> If no such person named 'Alex Yeoh' exists, a <code class="hljs inline no-lang" data-v-4d146e2c>CommandException</code> will be thrown.</p></div> <!----></div></div></div> <p>Step 3. <code class="hljs inline no-lang">Model#deletePerson()</code> will also call <code class="hljs inline no-lang">AddressBook#removePerson(Alex Yeoh)</code> which will remove the target contact from the contact list while removing it from all the groups it was part of by calling <code class="hljs inline no-lang">Group#removePerson(Alex Yeoh)</code>.</p> <p>The following sequence diagram shows how the Delete Person operation works:</p> <span class="image-wrapper"><img src="/tp/diagrams/DeletePersonSequenceDiagram.png" alt="DeletePersonSequence" 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> <h3 id="delete-group">Delete Group<a href="#delete-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The Delete Group command mechanism behaves the same as the Delete Person command above, except it deletes the target <code class="hljs inline no-lang">Group</code> object instead of the <code class="hljs inline no-lang">Person</code> object.</p> <p>Additionally, <code class="hljs inline no-lang">AddressBook#removeGroup(Group g)</code> will remove the target group 'g' from the group lists of all the members that were a part of it by calling <code class="hljs inline no-lang">Person#removeGroup(Group g)</code>.</p> <h4 id="design-considerations-3">Design Considerations:<a href="#design-considerations-3" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: How to handle two similar but different commands (delete group and delete person)</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Use the same command word</p> <ul><li>Pros: Reduces the amount of command words that users have to remember</li> <li>Cons: Users may get confused because one command word can be used for different things</li></ul></li> <li><p><strong>Alternative 2:</strong> Use different command words for both commands</p> <ul><li>Pros: Less confusing as it is intuitive that different command words are used for different commands</li> <li>Cons: Users have to remember more command words which may take more time to get used to</li></ul></li></ul> <hr> <h3 id="3-4-list-person-and-list-group">3.4 List Person and list group<a href="#3-4-list-person-and-list-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h3 id="list-person">List-Person<a href="#list-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The List mechanism is facilitated by the <code class="hljs inline no-lang">Model</code> class.</p> <p>The operation it utilises is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#updateFilteredPersonList(Predicate&lt;Person&gt; predicate)</code>.</p> <p>Given below is an example usage scenario and how the list mechanism behaves at each step.</p> <p><strong>Step 1:</strong> User executes <code class="hljs inline no-lang">list</code> command to view all contacts. After parsing, a new <code class="hljs inline no-lang">ListCommand</code> object will be returned.</p> <p><strong>Step 2:</strong> <code class="hljs inline no-lang">ListCommand</code> is executed, in which <code class="hljs inline no-lang">Model#updateFilteredPersonList(PREDICATE_SHOW_ALL_PERSONS)</code> is called with the Predicate<person> which will be true for all contacts. This updates the address book view, showing all the contacts in the address book to the user.</person></p> <p>The following activity diagram summarizes what happens when a user executes a list command:</p> <span class="image-wrapper"><img src="/tp/diagrams/ListCommandSequenceDiagram.png" alt="ListCommandSequence" 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>ListCommandParser</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> <h4 id="list-group">List Group<a href="#list-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The List Group mechanism is facilitated by the <code class="hljs inline no-lang">Model</code> class.</p> <p>The operation it utilises is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#getFilteredGroupList()</code>.</p> <p>Given below is an example usage scenario and how the listgroup mechanism behaves at each step.</p> <p><strong>Step 1:</strong> User executes <code class="hljs inline no-lang">listgroup</code> command to view all groups in their contact list. After parsing, a new <code class="hljs inline no-lang">ListGroupCommand</code> object will be returned.</p> <p><strong>Step 2:</strong> <code class="hljs inline no-lang">ListGroupCommand</code> is executed, in which <code class="hljs inline no-lang">Model#getFilteredGroupList()</code> is called, returning all the groups the user has in the contact list.</p> <p><strong>Step 3:</strong> The group names of all the groups in the contact list are appended to a <code class="hljs inline no-lang">String</code> which will be displayed to the user as a message in the output box.</p> <p>The following activity diagram summarizes what happens when a user executes a listgroup command:</p> <span class="image-wrapper"><img src="/tp/diagrams/ListGroupSequenceDiagram.png" alt="ListGroupSequence" 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>ListGroupCommandParser</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> <hr> <h3 id="3-5-find-person-and-find-group-features">3.5 Find Person and Find Group features<a href="#3-5-find-person-and-find-group-features" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-3">Implementation<a href="#implementation-3" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Find person/group mechanisms are facilitated by the <code class="hljs inline no-lang">Model</code> class.</p> <p>The operation they utilise is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#updateFilteredPersonList(Predicate&lt;Person&gt; predicate)</code>.</p> <p>Both <code class="hljs inline no-lang">FindPersonCommand</code> and <code class="hljs inline no-lang">FindGroupCommand</code> implement an abstract class <code class="hljs inline no-lang">FindCommand</code>, which helps to encapsulate the similarities between these two commands.</p> <p>Since both Find Person and Find Group commands utilise the same command word, the <code class="hljs inline no-lang">FindCommandParser</code> will create either a <code class="hljs inline no-lang">FindPersonCommand</code> or  <code class="hljs inline no-lang">FindGroupCommand</code> and return it as a <code class="hljs inline no-lang">FindCommand</code> after parsing the user input.</p> <p>The following activity diagram summarizes what happens when a user executes a find command:</p> <span class="image-wrapper"><img src="/tp/diagrams/FindCommandActivityDiagram.png" alt="FindCommandActivity" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h3 id="find-person">Find Person<a href="#find-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Given below is an example usage scenario and how the Find Person mechanism behaves at each step.</p> <p>Step 1. The user executes <code class="hljs inline no-lang">find n/Alex John</code> command to find all contacts whose names contain either 'Alex' or 'John' in the address book. After parsing, a new <code class="hljs inline no-lang">FindPersonCommand</code> object will be returned along with the corresponding <code class="hljs inline no-lang">Predicate&lt;Person&gt;</code>.</p> <p>Step 2. <code class="hljs inline no-lang">FindPersonCommand</code> is executed, in which <code class="hljs inline no-lang">Model#updateFilteredPersonList()</code> is called with the Predicate<person>. This through all the contacts in the address book, showing the updated list of contacts whose names start with 'Alex' or 'John' to the user.</person></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-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> If there are no contacts whose name contains 'Alex, or 'John', no contacts will be shown.</p></div> <!----></div></div></div> <p>The following sequence diagram shows how the Find Person operation works:</p> <span class="image-wrapper"><img src="/tp/diagrams/FindPersonSequenceDiagram.png" alt="FindPersonSequence" 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>FindCommandParser</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> <h3 id="find-group">Find Group<a href="#find-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The Find Group mechanism works like the Find Person mechanism, expect it filters contacts by a different <code class="hljs inline no-lang">Predicate&lt;Person&gt;</code> which will filter for contacts who are a part of the target group.</p> <p>Additionally, it calls on an extra method <code class="hljs inline no-lang">Group#getGroupRemark()</code>. <code class="hljs inline no-lang">Group#getGroupRemarks()</code> will be called to display the previously saved group remarks to the user.</p> <h4 id="design-considerations-4">Design Considerations:<a href="#design-considerations-4" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: How to handle two similar but different commands (find by group and find by name)</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Use the same command word</p> <ul><li>Pros: Reduces the amount of command words that users have to remember</li> <li>Cons: Users may get confused because one command word can be used for different things</li></ul></li> <li><p><strong>Alternative 2:</strong> Use different command words for both commands</p> <ul><li>Pros: Less confusing as it is intuitive that different command words are used for different commands</li> <li>Cons: Users have to remember more command words which may take more time to get used to</li></ul></li></ul> <p><strong>Aspect: Case-sensitivity for find by name</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Not case-sensitive</p> <ul><li>Pros: Fulfils its functionality better as users can search freely for their contacts even if they do not remember the exact name their contacts were saved under</li> <li>Cons: Users may get confused because aside from find by name, other user inputs are all case-sensitive</li></ul></li> <li><p><strong>Alternative 2:</strong> Case sensitive</p> <ul><li>Pros: Less confusing as it is more intuitive that all user inputs are case-sensitive, and users will be able to find specific contacts easily if they remember how exactly they were saved by</li> <li>Cons: Might hinder some more forgetful users from finding their contacts in mind if they do not remember how they capitalised their contacts when adding them</li></ul></li></ul> <hr> <h3 id="3-6-group-and-ungrouping-person">3.6 Group and Ungrouping Person<a href="#3-6-group-and-ungrouping-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-4">Implementation<a href="#implementation-4" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The group mechanism is facilitated by <code class="hljs inline no-lang">Group</code>. It is stored internally as a <code class="hljs inline no-lang">Group</code>. This operation is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#groupPerson(personName, groupName)</code>.</p> <p>Given below is an example usage scenario and how the group mechanism behaves at each step.</p> <p><strong>Step 1:</strong> User launches the application.</p> <p><strong>Step 2:</strong> The user executes <code class="hljs inline no-lang">group n/personName g/groupName</code> to group a person <code class="hljs inline no-lang">personName</code> into group <code class="hljs inline no-lang">groupName</code>. `</p> <p><strong>Step 3.</strong> GroupPersonCommandParser<code class="hljs inline no-lang">parses the personName and groupName ensuring the input is valid and creates a</code>GroupPersonCommand`</p> <p><strong>Step 4.</strong> GroupPersonCommand calls <code class="hljs inline no-lang">Model#groupPerson(personName, groupName)</code>. The model retrieves the existing person and group from the addressBook.</p> <p><strong>Step 5.</strong> Model calls <code class="hljs inline no-lang">Model#assignGroup(Person person, Group group)</code> which adds a group to a person's groupList and person to the personList in group.</p> <p><strong>Note:</strong> Should a person or group not exist, an error is thrown, displaying the missing entity to the User.</p> <p>Ungroup works in the same way as group except the use of Command word ungroup</p> <p>The following activity diagram summarizes what happens when a user executes a new command:</p> <span class="image-wrapper"><img src="/tp/diagrams/GroupPersonActivityDiagram.png" alt="GroupPersonActivityDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h4 id="design-considerations-5">Design Considerations:<a href="#design-considerations-5" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: Whether to store references in both person and group</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Store references in both person and group</p> <ul><li>Pros: Easy to implement. More efficient when searching.</li> <li>Cons: More bug-prone. May have object referencing and loading from storage issues as both the person reference to group, and group reference to person has to be loaded properly.</li></ul></li> <li><p><strong>Alternative 2:</strong> Store reference to the other entity, e.g. store a list of groups in person.</p> <ul><li>Pros: Easier to load from storage. One centralized place to store data. Less coupling.</li> <li>Cons: Searching might become more costly.</li></ul></li></ul> <hr> <h3 id="3-7-adding-a-group-remark">3.7 Adding a Group Remark<a href="#3-7-adding-a-group-remark" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-5">Implementation<a href="#implementation-5" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Group Remark mechanism is facilitated by the <code class="hljs inline no-lang">Group Remark</code> class, involving other classes like <code class="hljs inline no-lang">Group</code>. It implements the following operation:</p> <ul><li><code class="hljs inline no-lang">Group#setGroupRemark()</code> — Sets the group's remark.</li></ul> <p>This operation is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#addGroupRemark()</code>.</p> <p>Here's an example usage scenario and how the group remark mechanism behaves at each step:</p> <p><strong>Step 1.</strong> The user creates a group called &quot;CS2103T&quot;. The group is initialized with an empty <code class="hljs inline no-lang">groupRemark</code>.</p> <p><strong>Step 2.</strong> The user executes the <code class="hljs inline no-lang">remark g/CS2103T r/Quiz tomorrow</code> command to add the remark &quot;Quiz tomorrow&quot; to the &quot;CS2103T&quot; group. The <code class="hljs inline no-lang">GroupRemarkCommandParser</code> extracts the group and remark from the input and creates a <code class="hljs inline no-lang">GroupRemarkCommand</code>, which calls <code class="hljs inline no-lang">Model#addGroupRemark(groupName, groupRemark)</code>. The model retrieves the existing &quot;CS2103T&quot; group from the database and calls the group's <code class="hljs inline no-lang">Group#setGroupRemark(groupRemark)</code>, setting the &quot;Quiz tomorrow&quot; as the <code class="hljs inline no-lang">groupRemark</code> of the group.</p> <p><strong>Note:</strong> If the user wants to modify the group remark, they can execute the same command with the new remark. The existing remark will be overwritten, and the new remark is stored in the group.</p> <p>The following activity diagram summarizes what happens when a user executes a new command:</p> <span class="image-wrapper"><img src="/tp/diagrams/GroupRemarkSequenceDiagram.png" alt="GroupRemarkSequenceDiagram" 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>GroupRemarkCommandParser</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> <h4 id="design-considerations-6">Design Considerations<a href="#design-considerations-6" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspects: How to change the group remark</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Override the original remark</p> <ul><li>Pros: Easy to implement.</li> <li>Cons: May be troublesome if the user wants to keep contents from the original remark.</li></ul></li> <li><p><strong>Alternative 2:</strong> Edit the original remark</p> <ul><li>Pros: Easy to add more information.</li> <li>Cons: May be confusing to edit if there are many changes or remark is too long.</li></ul></li></ul> <hr> <h3 id="3-8-adding-time-to-a-person-or-group">3.8 Adding Time to a Person or Group<a href="#3-8-adding-time-to-a-person-or-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-6">Implementation<a href="#implementation-6" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Add Time to person/group mechanisms are facilitated by the <code class="hljs inline no-lang">TimeInterval</code> class, involving other classes like <code class="hljs inline no-lang">Person</code> and <code class="hljs inline no-lang">Group</code>. It implements the following operations:</p> <ul><li><code class="hljs inline no-lang">Person#addFreeTime()</code> — Adds the inputted time intervals to the person.</li> <li><code class="hljs inline no-lang">Group#addTime()</code> — Adds the inputted time intervals to the group.</li></ul> <p>These operations are exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#addTimeToPerson()</code>, <code class="hljs inline no-lang">Model#addTimeToGroup()</code> respectively.</p> <p>The following activity diagram summarizes what happens when a user executes an add time command:</p> <span class="image-wrapper"><img src="/tp/diagrams/AddTimeActivityDiagram.png" alt="AddTimeActivity" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h3 id="adding-time-to-a-person">Adding Time to a Person<a href="#adding-time-to-a-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Given below is an example usage scenario and how the Add Time to Person mechanism behaves at each step.</p> <p>Step 1. The user executes <code class="hljs inline no-lang">addtime n/Alex Yeoh t/mon 1300 - mon 1400 t/tue 1300 - tue 1400</code> command to add the free time intervals of Monday 1 pm to 2 pm and Tuesday 1 pm to 2 pm to a person named &quot;Alex Yeoh&quot; in the contact list. The <code class="hljs inline no-lang">AddTimeCommandParser</code> will be called to parse the inputs and check if any of the inputted times clash with each other. It will then call the <code class="hljs inline no-lang">AddTimeCommand</code>.</p> <p><strong>Note:</strong> Since multiple inputs are allowed, an array list of time intervals is passed around, each of which is to be added.</p> <p>Step 2. <code class="hljs inline no-lang">AddTimeCommand</code> is executed, in which <code class="hljs inline no-lang">Model#addTimeToPerson()</code> is called.</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-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> If no such person named &quot;Alex Yeoh&quot; exists, a <code class="hljs inline no-lang" data-v-4d146e2c>CommandException</code> will be thrown.</p></div> <!----></div></div></div> <p>Step 3. <code class="hljs inline no-lang">Model#addTimeToPerson()</code> will also call <code class="hljs inline no-lang">Person#addFreeTime()</code> which will add all times stored in the array list to the person's list of free times, given that none of the times clash with the person's existing free time intervals. If clashes do occur, the user will be notified of the problematic time intervals while the problem-free intervals will be added.</p> <p>The following sequence diagram shows how the Add Time to Person operation works:</p> <span class="image-wrapper"><img src="/tp/diagrams/AddTimeSequenceDiagram.png" alt="AddTimeSequence" 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>AddTimeCommandParser</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> <h3 id="adding-time-to-a-group">Adding Time to a Group<a href="#adding-time-to-a-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The Add Time to Group command mechanism behaves the same as the Add Time to Person command above, except it uses the <code class="hljs inline no-lang">Group</code> class instead of the <code class="hljs inline no-lang">Person</code> class.</p> <h4 id="design-considerations-7">Design Considerations<a href="#design-considerations-7" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: How to handle two similar but different commands (add meeting time to group and add free time to person)</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Use different command words for both commands</p> <ul><li>Pros: Less confusing as the 2 commands add different types of times.</li> <li>Cons: Users have to remember more command words which may take more time to get used to.</li></ul></li> <li><p><strong>Alternative 2:</strong> Use the same command word</p> <ul><li>Pros: Reduces the amount of command words that users have to remember.</li> <li>Cons: Users may get confused because the 2 commands do not add the same types of times.</li></ul></li></ul> <p><strong>Aspect: How to handle time clashes</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Add all non-clashing time intervals</p> <ul><li>Pros: More convenient as users will not need to retype the entire command if there is a clash.</li> <li>Cons: May no longer want to add certain non-clashing inputs after encountering this clash.</li></ul></li> <li><p><strong>Alternative 2:</strong> Reject all time intervals</p> <ul><li>Pros: Allows users to (heavily) edit their inputted time intervals accordingly to resolve clashes.</li> <li>Cons: May be troublesome to retype the entire command, especially if it is very long.</li></ul></li></ul> <hr> <h3 id="3-9-delete-time-feature">3.9 Delete Time Feature<a href="#3-9-delete-time-feature" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="implementation-7">Implementation<a href="#implementation-7" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The Delete Time from person/group mechanisms are facilitated by the <code class="hljs inline no-lang">TimeInterval</code> class, involving other classes like <code class="hljs inline no-lang">Person</code> and <code class="hljs inline no-lang">Group</code>. It implements the following operations:</p> <ul><li><code class="hljs inline no-lang">Person#deleteFreeTime()</code> — Deletes the inputted time intervals from the person.</li> <li><code class="hljs inline no-lang">Group#deleteTime()</code> — Deletes the inputted time intervals from the group.</li></ul> <p>These operations are exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#deleteTimeFromPerson()</code>, <code class="hljs inline no-lang">Model#deleteTimeFromGroup()</code> respectively.</p> <p>Below is an activity diagram that illustrates the control flow for Delete Person Time feature.</p> <span class="image-wrapper"><img src="/tp/diagrams/DeletePersonTimeActivityDiagram.png" alt="DeletePersonTimeActivityDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h3 id="deleting-time-from-a-person">Deleting Time from a Person<a href="#deleting-time-from-a-person" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The proposed delete time feature is facilitated by the <code class="hljs inline no-lang">timeIntervalList</code> and <code class="hljs inline no-lang">Person</code> class. It accesses the <code class="hljs inline no-lang">timeIntervalList</code> from the <code class="hljs inline no-lang">Person</code> class and deletes a time interval with <code class="hljs inline no-lang">Person#deleteFreeTime()</code>. The operation is exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#deleteTimeFromPerson</code>.</p> <p>Step 1. The user launches the application. The <code class="hljs inline no-lang">AddressBook</code> will be initialized with the free time of its contacts.</p> <p>Step 2. The user executes the command <code class="hljs inline no-lang">deleteTime n/Alex Yeoh t/mon 1200 - mon 1400 t/tue 1000 - wed 1600</code>. The <code class="hljs inline no-lang">deleteTimeCommandParser</code> will be called to parse the inputs and call the <code class="hljs inline no-lang">deletePersonTimeCommand</code>. The <code class="hljs inline no-lang">deletePersonTime</code> command calls <code class="hljs inline no-lang">Model#deleteTimeFromPerson()</code>, which will call <code class="hljs inline no-lang">Person#deleteFreeTime()</code>.</p> <p><strong>Note:</strong> Since multiple inputs are allowed, an array list of time intervals are passed around, each of which is to be deleted.</p> <p>Step 3. The function will be called in the person's <code class="hljs inline no-lang">timeInterval</code> list. The application will loop through each time interval that is to be deleted and in the person's <code class="hljs inline no-lang">timeInterval</code> list. Each time interval will be compared to see whether the <code class="hljs inline no-lang">timeIntervalList</code> contains the time interval to be deleted. Afterwards, the new <code class="hljs inline no-lang">timeInterval</code> list will be saved.</p> <p><strong>Note:</strong> If a time interval is not in the person's list, that interval will be collated and printed to specifically notify the user which time intervals are not in the list. The other time intervals that are in the list will still be deleted.</p> <p>The following sequence diagram summarizes what happens when a user executes a new command:</p> <span class="image-wrapper"><img src="/tp/diagrams/DeletePersonTimeDiagram.puml" alt="DeletePersonSequenceTimeDiagram" 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>DeleteTimeCommandParser</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> <h3 id="deleting-time-from-a-group">Deleting Time from a Group<a href="#deleting-time-from-a-group" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The Delete Time from Group command mechanism behaves the same as the Delete Time from Person command above, except it uses the <code class="hljs inline no-lang">Group</code> class instead of the <code class="hljs inline no-lang">Person</code> class.</p> <h4 id="design-considerations-8">Design Considerations<a href="#design-considerations-8" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: Error Messages</strong></p> <ul><li><p>Alternative 1 (current choice): Print specific error messages.</p> <ul><li>Pros: Allow users to understand which inputs went wrong.</li> <li>Cons: May have performance issues in terms of runtime as more functions will be used to craft the error message. Currently, we utilized a <code class="hljs inline no-lang">StringBuilder</code> to craft the message and did extra checks to see whether there had been any errors appended to the error message.</li></ul></li> <li><p>Alternative 2: Generalized error message.</p> <ul><li>Pros: Will be faster to implement.</li> <li>Cons: User might be unsure why the function went wrong.</li></ul></li></ul> <p><strong>Aspect: How to Handle Multiple Time Inputs</strong></p> <ul><li><p>Alternative 1 (current choice): Parse each time input one by one and execute the commands.</p> <ul><li>Pros: More user-friendly and efficient as users can delete more time intervals at once.</li> <li>Cons: More expensive as more functions will be called to parse the inputs.</li></ul></li> <li><p>Alternative 2: Allow only single input.</p> <ul><li>Pros: Faster as fewer functions are called.</li> <li>Cons: Not as user-friendly since users will have to delete time intervals one by one.</li></ul></li></ul> <p><strong>Aspect: How to Handle Errors in Time Intervals</strong></p> <ul><li><p>Alternative 1 (current choice): Delete the time intervals that are correct and return the intervals that are wrong.
 Pros: Better user experience as users need not rewrite intervals that were right.
 Cons: Increased memory usage to store the errors.</p></li> <li><p>Alternative 2: Do not carry out the delete at all.
 Pros: More time and memory efficient.
@@ -124,7 +122,7 @@ <h2 id="4-planned-enhancements">4 Planned Enhancements<a href="#4-planned-enhanc
 Expected: mon 1200 - mon 1300 is listed in output box</p></li> <li><p>Test case: <code class="hljs inline no-lang">findfreetime g/CS2103 d/1</code>, after previous command <br>
 Expected: No change to the address book.</p></li> <li><p>Test case: <code class="hljs inline no-lang">findfreetime g/CS2103 d/70</code>, after previous command <br>
 Expected: No available timeslots will be shown in output box.</p></li> <li><p>Other incorrect find commands to try: <code class="hljs inline no-lang">findfreetime g/CS2103 d/</code>, <code class="hljs inline no-lang">findfreetime g/ d/70</code>, <code class="hljs inline no-lang">findfreetime g/CS2103 d/0</code>,  <code class="hljs inline no-lang">...</code> <br>
-Expected: Error message.</p></li></ol> <h3 id="7-18-saving-data">7.18. Saving data<a href="#7-18-saving-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li><p>Dealing with missing/corrupted data files</p> <ol><li>Edit the JSON file by adding a number &quot;1&quot; to the top of the file.</li> <li>Run the file.</li></ol></li></ol> <hr> <h2 id="8-appendix-effort">8 Appendix Effort<a href="#8-appendix-effort" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>ProjectPRO is a project built upon AB3, which was built out of the SE-EDU initiative. Our group has been actively working on ProjectPRO this semester, meeting regularly to discuss about our application to meet deadlines punctually.</p> <p>In this section, we will detail some challenges we faced throughout the process of creating ProjectPRO.</p> <h3 id="8-1-design-challenges"><strong>8.1 Design Challenges</strong><a href="#8-1-design-challenges" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>As ProjectPRO is a brownfield project built from AB3, it was necessary to identify the pros and cons of AB3, and use them to come up with a better application more suited for university students. Some challenges include:</p> <ul><li>Designing a nice user interface with JavaFX: One big change we wanted to incorporate into our application was the change of the User Interface. We wanted a more lively colour scheme to make our product not only convenient, but pretty to create a better user experience. Despite not being fluent in JavaFX, we trialed around with colours and different components and eventually created a mini weekly calendar to document our weekly group meetings, while having a warm colour scheme to make our application enticing to users.</li> <li>Creating more relevant functions and fields for university students: Since our application targeted University students, we decided to add group fields to allow students to record who is in their group. After identifying finding meeting time as a common problem faced by university students in group projects, we also added a time field and added functions to help find common free times that groupmates are free to help users better find common free time to hold meetings.</li></ul> <h3 id="8-1-design-challenges-2"><strong>8.1 Design Challenges</strong><a href="#8-1-design-challenges-2" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ul><li>Given the substantial size of AB3, comprehending its code structure and intricacies posed an initial challenge for us. In response, we proactively initiated project meetings early on. This early engagement provided us with additional time to grasp the intricacies of AB3's implementation and facilitated collaborative discussions to clarify any uncertainties we had about AB3. This enhanced understanding played a crucial role in minimizing the learning curve when undertaking the implementation of new features for ProjectPRO. Since some features shared similar concepts, understanding how they were implemented in AB3 significantly eased the difficulty in implementing corresponding methods for ProjectPRO's enhancements.</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="#projectpro-developer-guide" data-v-e6005420>ProjectPRO Developer Guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#1-introduction" data-v-e6005420>1. Introduction‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#1-1-product-overview" data-v-e6005420>1.1. Product Overview‎</a> <a class="nav-link py-1" href="#1-2-setting-up-getting-started" data-v-e6005420>1.2 Setting up getting started‎</a> <a class="nav-link py-1" href="#1-3-acknowledgements" data-v-e6005420>1.3 Acknowledgements‎</a></nav> <a class="nav-link py-1" href="#2-design" data-v-e6005420>2 Design‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#2-1-architecture" data-v-e6005420>2.1 Architecture‎</a> <a class="nav-link py-1" href="#2-2-ui-component" data-v-e6005420>2.2 UI component‎</a> <a class="nav-link py-1" href="#2-3-logic-component" data-v-e6005420>2.3 Logic component‎</a> <a class="nav-link py-1" href="#2-4-model-component" data-v-e6005420>2.4 Model component‎</a> <a class="nav-link py-1" href="#2-5-storage-component" data-v-e6005420>2.5 Storage component‎</a> <a class="nav-link py-1" href="#2-6-common-classes" data-v-e6005420>2.6 Common classes‎</a></nav> <a class="nav-link py-1" href="#3-implementation" data-v-e6005420>3 Implementation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#3-1-adding-a-person" data-v-e6005420>3.1 Adding a Person‎</a> <a class="nav-link py-1" href="#3-2-adding-a-group" data-v-e6005420>3.2 Adding a Group‎</a> <a class="nav-link py-1" href="#3-3-delete-person-and-group" data-v-e6005420>3.3 Delete Person and Group‎</a> <a class="nav-link py-1" href="#delete-person" data-v-e6005420>Delete Person‎</a> <a class="nav-link py-1" href="#delete-group" data-v-e6005420>Delete Group‎</a> <a class="nav-link py-1" href="#3-4-list-person-and-list-group" data-v-e6005420>3.4 List Person and list group‎</a> <a class="nav-link py-1" href="#list-person" data-v-e6005420>List-Person‎</a> <a class="nav-link py-1" href="#3-5-find-person-and-find-group-features" data-v-e6005420>3.5 Find Person and Find Group features‎</a> <a class="nav-link py-1" href="#find-person" data-v-e6005420>Find Person‎</a> <a class="nav-link py-1" href="#find-group" data-v-e6005420>Find Group‎</a> <a class="nav-link py-1" href="#3-6-group-and-ungrouping-person" data-v-e6005420>3.6 Group and Ungrouping Person‎</a> <a class="nav-link py-1" href="#3-7-adding-a-group-remark" data-v-e6005420>3.7 Adding a Group Remark‎</a> <a class="nav-link py-1" href="#3-8-adding-time-to-a-person-or-group" data-v-e6005420>3.8 Adding Time to a Person or Group‎</a> <a class="nav-link py-1" href="#adding-time-to-a-person" data-v-e6005420>Adding Time to a Person‎</a> <a class="nav-link py-1" href="#adding-time-to-a-group" data-v-e6005420>Adding Time to a Group‎</a> <a class="nav-link py-1" href="#3-9-delete-time-feature" data-v-e6005420>3.9 Delete Time Feature‎</a> <a class="nav-link py-1" href="#deleting-time-from-a-person" data-v-e6005420>Deleting Time from a Person‎</a> <a class="nav-link py-1" href="#deleting-time-from-a-group" data-v-e6005420>Deleting Time from a Group‎</a> <a class="nav-link py-1" href="#3-10-listing-time-for-a-person-or-group" data-v-e6005420>3.10 Listing Time for a Person or Group‎</a> <a class="nav-link py-1" href="#listing-time-from-a-person" data-v-e6005420>Listing Time from a Person‎</a> <a class="nav-link py-1" href="#listing-time-from-a-group" data-v-e6005420>Listing Time from a Group‎</a> <a class="nav-link py-1" href="#3-11-find-free-time" data-v-e6005420>3.11 Find Free Time‎</a></nav> <a class="nav-link py-1" href="#4-planned-enhancements" data-v-e6005420>4 Planned Enhancements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#4-1-undo-redo-feature" data-v-e6005420>4.1 Undo/redo feature‎</a> <a class="nav-link py-1" href="#4-2-addtime-deletetime-feature" data-v-e6005420>4.2. addtime/deletetime feature‎</a> <a class="nav-link py-1" href="#4-3-improving-our-user-interface" data-v-e6005420>4.3. Improving our user interface.‎</a> <a class="nav-link py-1" href="#4-4-allowing-extensive-modification-to-command-words" data-v-e6005420>4.4. Allowing extensive modification to command words.‎</a> <a class="nav-link py-1" href="#4-5-improving-addmeeting-feature" data-v-e6005420>4.5 Improving addmeeting feature.‎</a></nav> <a class="nav-link py-1" href="#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>5 Documentation logging testing configuration dev-ops‎</a> <a class="nav-link py-1" href="#6-appendix-requirements" data-v-e6005420>6 Appendix Requirements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#6-1-product-scope" data-v-e6005420>6.1. Product scope‎</a> <a class="nav-link py-1" href="#6-2-user-stories" data-v-e6005420>6.2. User stories‎</a> <a class="nav-link py-1" href="#6-3-use-cases" data-v-e6005420>6.3. Use cases‎</a> <a class="nav-link py-1" href="#6-4-non-functional-requirements" data-v-e6005420>6.4. Non-Functional Requirements‎</a> <a class="nav-link py-1" href="#6-5-glossary" data-v-e6005420>6.5. Glossary‎</a></nav> <a class="nav-link py-1" href="#7-appendix-instructions-for-manual-testing" data-v-e6005420>7 Appendix Instructions for manual testing‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#7-1-launch-and-shutdown" data-v-e6005420>7.1. Launch and shutdown‎</a> <a class="nav-link py-1" href="#7-2-deleting-a-person" data-v-e6005420>7.2. Deleting a person‎</a> <a class="nav-link py-1" href="#7-3-finding-a-contact" data-v-e6005420>7.3. Finding a contact‎</a> <a class="nav-link py-1" href="#7-4-listing-all-contacts" data-v-e6005420>7.4. Listing all contacts‎</a> <a class="nav-link py-1" href="#7-5-creating-a-group" data-v-e6005420>7.5. Creating a group‎</a> <a class="nav-link py-1" href="#7-6-deleting-a-group" data-v-e6005420>7.6. Deleting a Group‎</a> <a class="nav-link py-1" href="#7-7-adding-a-group-remark" data-v-e6005420>7.7. Adding a group remark‎</a> <a class="nav-link py-1" href="#7-8-finding-a-group" data-v-e6005420>7.8. Finding a group‎</a> <a class="nav-link py-1" href="#7-9-listing-all-groups" data-v-e6005420>7.9. Listing all groups‎</a> <a class="nav-link py-1" href="#7-10-adding-contacts-to-groups" data-v-e6005420>7.10. Adding contacts to groups‎</a> <a class="nav-link py-1" href="#7-11-removing-a-contact-from-a-group" data-v-e6005420>7.11. Removing a contact from a group‎</a> <a class="nav-link py-1" href="#7-12-adding-free-time-to-contact" data-v-e6005420>7.12. Adding free time to contact‎</a> <a class="nav-link py-1" href="#7-13-deleting-free-time-from-contact" data-v-e6005420>7.13. Deleting free time from contact‎</a> <a class="nav-link py-1" href="#7-14-list-free-time-of-contact" data-v-e6005420>7.14. List free time of contact‎</a> <a class="nav-link py-1" href="#7-15-adding-meeting-time-to-group" data-v-e6005420>7.15. Adding meeting time to group‎</a> <a class="nav-link py-1" href="#7-16-deleting-meeting-time-from-group" data-v-e6005420>7.16. Deleting meeting time from group‎</a> <a class="nav-link py-1" href="#7-17-list-meeting-time-of-group" data-v-e6005420>7.17. List meeting time of group‎</a> <a class="nav-link py-1" href="#7-17-find-free-time-of-group" data-v-e6005420>7.17. Find free time of group‎</a> <a class="nav-link py-1" href="#7-18-saving-data" data-v-e6005420>7.18. Saving data‎</a></nav> <a class="nav-link py-1" href="#8-appendix-effort" data-v-e6005420>8 Appendix Effort‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#8-1-design-challenges" data-v-e6005420>8.1 Design Challenges‎</a> <a class="nav-link py-1" href="#8-1-design-challenges-2" data-v-e6005420>8.1 Design Challenges‎</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, 9:11:14 GMT+8]</small></div></footer></div>
+Expected: Error message.</p></li></ol> <h3 id="7-18-saving-data">7.18. Saving data<a href="#7-18-saving-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li><p>Dealing with missing/corrupted data files</p> <ol><li>Edit the JSON file by adding a number &quot;1&quot; to the top of the file.</li> <li>Run the file.</li></ol></li></ol> <hr> <h2 id="8-appendix-effort">8 Appendix Effort<a href="#8-appendix-effort" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>ProjectPRO is a project built upon AB3, which was built out of the SE-EDU initiative. Our group has been actively working on ProjectPRO this semester, meeting regularly to discuss about our application to meet deadlines punctually.</p> <p>In this section, we will detail some challenges we faced throughout the process of creating ProjectPRO.</p> <h3 id="8-1-design-challenges"><strong>8.1 Design Challenges</strong><a href="#8-1-design-challenges" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>As ProjectPRO is a brownfield project built from AB3, it was necessary to identify the pros and cons of AB3, and use them to come up with a better application more suited for university students. Some challenges include:</p> <ul><li>Designing a nice user interface with JavaFX: One big change we wanted to incorporate into our application was the change of the User Interface. We wanted a more lively colour scheme to make our product not only convenient, but pretty to create a better user experience. Despite not being fluent in JavaFX, we trialed around with colours and different components and eventually created a mini weekly calendar to document our weekly group meetings, while having a warm colour scheme to make our application enticing to users.</li> <li>Creating more relevant functions and fields for university students: Since our application targeted University students, we decided to add group fields to allow students to record who is in their group. After identifying finding meeting time as a common problem faced by university students in group projects, we also added a time field and added functions to help find common free times that groupmates are free to help users better find common free time to hold meetings.</li></ul> <h3 id="8-1-design-challenges-2"><strong>8.1 Design Challenges</strong><a href="#8-1-design-challenges-2" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ul><li>Given the substantial size of AB3, comprehending its code structure and intricacies posed an initial challenge for us. In response, we proactively initiated project meetings early on. This early engagement provided us with additional time to grasp the intricacies of AB3's implementation and facilitated collaborative discussions to clarify any uncertainties we had about AB3. This enhanced understanding played a crucial role in minimizing the learning curve when undertaking the implementation of new features for ProjectPRO. Since some features shared similar concepts, understanding how they were implemented in AB3 significantly eased the difficulty in implementing corresponding methods for ProjectPRO's enhancements.</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="#projectpro-developer-guide" data-v-e6005420>ProjectPRO Developer Guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#1-introduction" data-v-e6005420>1. Introduction‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#1-1-product-overview" data-v-e6005420>1.1. Product Overview‎</a> <a class="nav-link py-1" href="#1-2-setting-up-getting-started" data-v-e6005420>1.2 Setting up getting started‎</a> <a class="nav-link py-1" href="#1-3-acknowledgements" data-v-e6005420>1.3 Acknowledgements‎</a></nav> <a class="nav-link py-1" href="#2-design" data-v-e6005420>2 Design‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#2-1-architecture" data-v-e6005420>2.1 Architecture‎</a> <a class="nav-link py-1" href="#2-2-ui-component" data-v-e6005420>2.2 UI component‎</a> <a class="nav-link py-1" href="#2-3-logic-component" data-v-e6005420>2.3 Logic component‎</a> <a class="nav-link py-1" href="#2-4-model-component" data-v-e6005420>2.4 Model component‎</a> <a class="nav-link py-1" href="#2-5-storage-component" data-v-e6005420>2.5 Storage component‎</a> <a class="nav-link py-1" href="#2-6-common-classes" data-v-e6005420>2.6 Common classes‎</a></nav> <a class="nav-link py-1" href="#3-implementation" data-v-e6005420>3 Implementation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#3-1-adding-a-person" data-v-e6005420>3.1 Adding a Person‎</a> <a class="nav-link py-1" href="#3-2-adding-a-group" data-v-e6005420>3.2 Adding a Group‎</a> <a class="nav-link py-1" href="#3-3-delete-person-and-group" data-v-e6005420>3.3 Delete Person and Group‎</a> <a class="nav-link py-1" href="#delete-person" data-v-e6005420>Delete Person‎</a> <a class="nav-link py-1" href="#delete-group" data-v-e6005420>Delete Group‎</a> <a class="nav-link py-1" href="#3-4-list-person-and-list-group" data-v-e6005420>3.4 List Person and list group‎</a> <a class="nav-link py-1" href="#list-person" data-v-e6005420>List-Person‎</a> <a class="nav-link py-1" href="#3-5-find-person-and-find-group-features" data-v-e6005420>3.5 Find Person and Find Group features‎</a> <a class="nav-link py-1" href="#find-person" data-v-e6005420>Find Person‎</a> <a class="nav-link py-1" href="#find-group" data-v-e6005420>Find Group‎</a> <a class="nav-link py-1" href="#3-6-group-and-ungrouping-person" data-v-e6005420>3.6 Group and Ungrouping Person‎</a> <a class="nav-link py-1" href="#3-7-adding-a-group-remark" data-v-e6005420>3.7 Adding a Group Remark‎</a> <a class="nav-link py-1" href="#3-8-adding-time-to-a-person-or-group" data-v-e6005420>3.8 Adding Time to a Person or Group‎</a> <a class="nav-link py-1" href="#adding-time-to-a-person" data-v-e6005420>Adding Time to a Person‎</a> <a class="nav-link py-1" href="#adding-time-to-a-group" data-v-e6005420>Adding Time to a Group‎</a> <a class="nav-link py-1" href="#3-9-delete-time-feature" data-v-e6005420>3.9 Delete Time Feature‎</a> <a class="nav-link py-1" href="#deleting-time-from-a-person" data-v-e6005420>Deleting Time from a Person‎</a> <a class="nav-link py-1" href="#deleting-time-from-a-group" data-v-e6005420>Deleting Time from a Group‎</a> <a class="nav-link py-1" href="#3-10-listing-time-for-a-person-or-group" data-v-e6005420>3.10 Listing Time for a Person or Group‎</a> <a class="nav-link py-1" href="#listing-time-from-a-person" data-v-e6005420>Listing Time from a Person‎</a> <a class="nav-link py-1" href="#listing-time-from-a-group" data-v-e6005420>Listing Time from a Group‎</a> <a class="nav-link py-1" href="#3-11-find-free-time" data-v-e6005420>3.11 Find Free Time‎</a></nav> <a class="nav-link py-1" href="#4-planned-enhancements" data-v-e6005420>4 Planned Enhancements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#4-1-undo-redo-feature" data-v-e6005420>4.1 Undo/redo feature‎</a> <a class="nav-link py-1" href="#4-2-addtime-deletetime-feature" data-v-e6005420>4.2. addtime/deletetime feature‎</a> <a class="nav-link py-1" href="#4-3-improving-our-user-interface" data-v-e6005420>4.3. Improving our user interface.‎</a> <a class="nav-link py-1" href="#4-4-allowing-extensive-modification-to-command-words" data-v-e6005420>4.4. Allowing extensive modification to command words.‎</a> <a class="nav-link py-1" href="#4-5-improving-addmeeting-feature" data-v-e6005420>4.5 Improving addmeeting feature.‎</a></nav> <a class="nav-link py-1" href="#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>5 Documentation logging testing configuration dev-ops‎</a> <a class="nav-link py-1" href="#6-appendix-requirements" data-v-e6005420>6 Appendix Requirements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#6-1-product-scope" data-v-e6005420>6.1. Product scope‎</a> <a class="nav-link py-1" href="#6-2-user-stories" data-v-e6005420>6.2. User stories‎</a> <a class="nav-link py-1" href="#6-3-use-cases" data-v-e6005420>6.3. Use cases‎</a> <a class="nav-link py-1" href="#6-4-non-functional-requirements" data-v-e6005420>6.4. Non-Functional Requirements‎</a> <a class="nav-link py-1" href="#6-5-glossary" data-v-e6005420>6.5. Glossary‎</a></nav> <a class="nav-link py-1" href="#7-appendix-instructions-for-manual-testing" data-v-e6005420>7 Appendix Instructions for manual testing‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#7-1-launch-and-shutdown" data-v-e6005420>7.1. Launch and shutdown‎</a> <a class="nav-link py-1" href="#7-2-deleting-a-person" data-v-e6005420>7.2. Deleting a person‎</a> <a class="nav-link py-1" href="#7-3-finding-a-contact" data-v-e6005420>7.3. Finding a contact‎</a> <a class="nav-link py-1" href="#7-4-listing-all-contacts" data-v-e6005420>7.4. Listing all contacts‎</a> <a class="nav-link py-1" href="#7-5-creating-a-group" data-v-e6005420>7.5. Creating a group‎</a> <a class="nav-link py-1" href="#7-6-deleting-a-group" data-v-e6005420>7.6. Deleting a Group‎</a> <a class="nav-link py-1" href="#7-7-adding-a-group-remark" data-v-e6005420>7.7. Adding a group remark‎</a> <a class="nav-link py-1" href="#7-8-finding-a-group" data-v-e6005420>7.8. Finding a group‎</a> <a class="nav-link py-1" href="#7-9-listing-all-groups" data-v-e6005420>7.9. Listing all groups‎</a> <a class="nav-link py-1" href="#7-10-adding-contacts-to-groups" data-v-e6005420>7.10. Adding contacts to groups‎</a> <a class="nav-link py-1" href="#7-11-removing-a-contact-from-a-group" data-v-e6005420>7.11. Removing a contact from a group‎</a> <a class="nav-link py-1" href="#7-12-adding-free-time-to-contact" data-v-e6005420>7.12. Adding free time to contact‎</a> <a class="nav-link py-1" href="#7-13-deleting-free-time-from-contact" data-v-e6005420>7.13. Deleting free time from contact‎</a> <a class="nav-link py-1" href="#7-14-list-free-time-of-contact" data-v-e6005420>7.14. List free time of contact‎</a> <a class="nav-link py-1" href="#7-15-adding-meeting-time-to-group" data-v-e6005420>7.15. Adding meeting time to group‎</a> <a class="nav-link py-1" href="#7-16-deleting-meeting-time-from-group" data-v-e6005420>7.16. Deleting meeting time from group‎</a> <a class="nav-link py-1" href="#7-17-list-meeting-time-of-group" data-v-e6005420>7.17. List meeting time of group‎</a> <a class="nav-link py-1" href="#7-17-find-free-time-of-group" data-v-e6005420>7.17. Find free time of group‎</a> <a class="nav-link py-1" href="#7-18-saving-data" data-v-e6005420>7.18. Saving data‎</a></nav> <a class="nav-link py-1" href="#8-appendix-effort" data-v-e6005420>8 Appendix Effort‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#8-1-design-challenges" data-v-e6005420>8.1 Design Challenges‎</a> <a class="nav-link py-1" href="#8-1-design-challenges-2" data-v-e6005420>8.1 Design Challenges‎</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, 9:35:50 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 eac6a024edb..512504b57f8 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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_c('hr'),_v(" "),_m(1),_v(" "),_m(2),_v(" "),_c('p',[_v("ProjectPro is a contacts organisation application designed for university students.")]),_v(" "),_c('p',[_v("University students often spend a lot of time coordinating project meetup sessions and finding project information, resulting in large amounts of time wasted.")]),_v(" "),_c('p',[_v("This app can help to save time by:")]),_v(" "),_m(3),_v(" "),_c('hr'),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_c('hr'),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_c('hr'),_v(" "),_m(8),_v(" "),_m(9),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureDiagram.png","width":"280"}}),_v(" "),_m(10),_v(" "),_c('p',[_v("Given below is a quick overview of main components and how they interact with each other.")]),_v(" "),_m(11),_v(" "),_m(12),_v(" "),_m(13),_v(" "),_c('p',[_v("The rest of the App consists of these main four components:")]),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_m(16),_v(" "),_m(17),_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(18),_v(" "),_m(19),_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(20),_v(" "),_m(21),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UiClassDiagram.png","alt":"Structure of the UI Component"}}),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_m(27),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/LogicClassDiagram.png","width":"550"}}),_v(" "),_m(30),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeletePersonSequenceDiagram.png","alt":"Interactions Inside the Logic Component for the `delete n/Alex` 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(31),_v(" "),_m(32),_v(" "),_m(33),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ParserClasses.png","width":"600"}}),_v(" "),_c('p',[_v("How the parsing works:")]),_v(" "),_m(34),_v(" "),_m(35),_v(" "),_m(36),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ModelClassDiagram.png","width":"450"}}),_v(" "),_m(37),_v(" "),_m(38),_v(" "),_m(39),_v(" "),_m(40),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StorageClassDiagram.png","width":"550"}}),_v(" "),_m(41),_v(" "),_m(42),_v(" "),_m(43),_v(" "),_c('p',[_v("To address this requirement, we updated our storage to save both classes in JSON format.")]),_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(" "),_c('p',[_v("Step 1. The user launches the application for the first time.")]),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_m(52),_v(" "),_m(53),_v(" "),_m(54),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddCommandSequenceDiagram.png","alt":"AddCommandSeqDiagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(55),_v(" "),_m(56),_v(" "),_m(57),_v(" "),_c('hr'),_v(" "),_m(58),_v(" "),_m(59),_v(" "),_m(60),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_m(63),_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/CreateGroupActivityDiagram.png","alt":"CreateGroupActivityDiagram"}}),_v(" "),_c('p',[_v("Below is a sequence diagram that summarizes how a user creates a new group:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/CreateGroupSequenceDiagram.png","alt":"CreateGroupSequenceDiagram"}}),_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("CreateGroupCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_m(66),_v(" "),_c('hr'),_v(" "),_m(67),_v(" "),_m(68),_v(" "),_m(69),_v(" "),_m(70),_v(" "),_m(71),_v(" "),_m(72),_v(" "),_m(73),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a delete command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteCommandActivityDiagram.png","alt":"DeleteCommandActivity"}}),_v(" "),_m(74),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the Delete Person mechanism behaves at each step.")]),_v(" "),_m(75),_v(" "),_m(76),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If no such person named 'Alex Yeoh' exists, a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("CommandException")]),_v(" will be thrown.")])]),_v(" "),_m(77),_v(" "),_c('p',[_v("The following sequence diagram shows how the Delete Person operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeletePersonSequenceDiagram.png","alt":"DeletePersonSequence"}}),_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(78),_v(" "),_m(79),_v(" "),_m(80),_v(" "),_m(81),_v(" "),_m(82),_v(" "),_m(83),_v(" "),_c('hr'),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_m(86),_v(" "),_m(87),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the list mechanism behaves at each step.")]),_v(" "),_m(88),_v(" "),_c('p',[_c('strong',[_v("Step 2:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListCommand")]),_v(" is executed, in which "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#updateFilteredPersonList(PREDICATE_SHOW_ALL_PERSONS)")]),_v(" is called with the Predicate"),_c('person',[_v(" which will be true for all contacts. This updates the address book view, showing all the contacts in the address book to the user.")])],1),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a list command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ListCommandSequenceDiagram.png","alt":"ListCommandSequence"}}),_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("ListCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_m(91),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the listgroup mechanism behaves at each step.")]),_v(" "),_m(92),_v(" "),_m(93),_v(" "),_m(94),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a listgroup command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ListGroupSequenceDiagram.png","alt":"ListGroupSequence"}}),_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("ListGroupCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_c('hr'),_v(" "),_m(95),_v(" "),_m(96),_v(" "),_m(97),_v(" "),_m(98),_v(" "),_m(99),_v(" "),_m(100),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a find command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindCommandActivityDiagram.png","alt":"FindCommandActivity"}}),_v(" "),_m(101),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the Find Person mechanism behaves at each step.")]),_v(" "),_m(102),_v(" "),_c('p',[_v("Step 2. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindPersonCommand")]),_v(" is executed, in which "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#updateFilteredPersonList()")]),_v(" is called with the Predicate"),_c('person',[_v(". This through all the contacts in the address book, showing the updated list of contacts whose names start with 'Alex' or 'John' to the user.")])],1),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If there are no contacts whose name contains 'Alex, or 'John', no contacts will be shown.")])]),_v(" "),_c('p',[_v("The following sequence diagram shows how the Find Person operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindPersonSequenceDiagram.png","alt":"FindPersonSequence"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(103),_v(" "),_m(104),_v(" "),_m(105),_v(" "),_m(106),_v(" "),_m(107),_v(" "),_m(108),_v(" "),_m(109),_v(" "),_m(110),_v(" "),_c('hr'),_v(" "),_m(111),_v(" "),_m(112),_v(" "),_m(113),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group mechanism behaves at each step.")]),_v(" "),_m(114),_v(" "),_m(115),_v(" "),_m(116),_v(" "),_m(117),_v(" "),_m(118),_v(" "),_m(119),_v(" "),_c('p',[_v("Ungroup works in the same way as group except the use of Command word ungroup")]),_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/GroupPersonActivityDiagram.png","alt":"GroupPersonActivityDiagram"}}),_v(" "),_m(120),_v(" "),_m(121),_v(" "),_m(122),_v(" "),_c('hr'),_v(" "),_m(123),_v(" "),_m(124),_v(" "),_m(125),_v(" "),_m(126),_v(" "),_m(127),_v(" "),_c('p',[_v("Here's an example usage scenario and how the group remark mechanism behaves at each step:")]),_v(" "),_m(128),_v(" "),_m(129),_v(" "),_m(130),_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/GroupRemarkSequenceDiagram.png","alt":"GroupRemarkSequenceDiagram"}}),_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("GroupRemarkCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(131),_v(" "),_m(132),_v(" "),_m(133),_v(" "),_c('hr'),_v(" "),_m(134),_v(" "),_m(135),_v(" "),_m(136),_v(" "),_m(137),_v(" "),_m(138),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes an add time command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddTimeActivityDiagram.png","alt":"AddTimeActivity"}}),_v(" "),_m(139),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the Add Time to Person mechanism behaves at each step.")]),_v(" "),_m(140),_v(" "),_m(141),_v(" "),_m(142),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If no such person named \"Alex Yeoh\" exists, a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("CommandException")]),_v(" will be thrown.")])]),_v(" "),_m(143),_v(" "),_c('p',[_v("The following sequence diagram shows how the Add Time to Person operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddTimeSequenceDiagram.png","alt":"AddTimeSequence"}}),_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("AddTimeCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(144),_v(" "),_m(145),_v(" "),_m(146),_v(" "),_m(147),_v(" "),_m(148),_v(" "),_m(149),_v(" "),_m(150),_v(" "),_c('hr'),_v(" "),_m(151),_v(" "),_m(152),_v(" "),_m(153),_v(" "),_m(154),_v(" "),_m(155),_v(" "),_c('p',[_v("Below is an activity diagram that illustrates the control flow for Delete Person Time feature.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeletePersonTimeActivityDiagram.png","alt":"DeletePersonTimeActivityDiagram"}}),_v(" "),_m(156),_v(" "),_m(157),_v(" "),_m(158),_v(" "),_m(159),_v(" "),_m(160),_v(" "),_m(161),_v(" "),_m(162),_v(" "),_c('p',[_v("The following sequence diagram summarizes what happens when a user executes a new command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeletePersonTimeDiagram.puml","alt":"DeletePersonSequenceTimeDiagram"}}),_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("DeleteTimeCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(163),_v(" "),_m(164),_v(" "),_m(165),_v(" "),_m(166),_v(" "),_m(167),_v(" "),_m(168),_v(" "),_m(169),_v(" "),_m(170),_v(" "),_m(171),_v(" "),_c('hr'),_v(" "),_m(172),_v(" "),_m(173),_v(" "),_m(174),_v(" "),_m(175),_v(" "),_m(176),_v(" "),_m(177),_v(" "),_m(178),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes an add time command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ListTimeActivityDiagram.png","alt":"ListTimeActivity"}}),_v(" "),_m(179),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the List Time from Person mechanism behaves at each step.")]),_v(" "),_m(180),_v(" "),_m(181),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If no such person named \"Alex Yeoh\" exists, a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("CommandException")]),_v(" will be thrown.")])]),_v(" "),_m(182),_v(" "),_c('p',[_v("The following sequence diagram shows how the List Time from Person operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ListTimePersonSequenceDiagram.png","alt":"ListTimePersonSequence"}}),_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("ListTimeCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(183),_v(" "),_m(184),_v(" "),_m(185),_v(" "),_m(186),_v(" "),_m(187),_v(" "),_m(188),_v(" "),_m(189),_v(" "),_c('hr'),_v(" "),_m(190),_v(" "),_m(191),_v(" "),_m(192),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the list mechanism behaves at each step.")]),_v(" "),_m(193),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a FindFreeTime command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindFreeTimeActivityDiagram.png","alt":"FindFreeTimeActivityDiagram"}}),_v("\n--------------------------------------------------------------------------------------------------------------------\n"),_m(194),_v(" "),_m(195),_v(" "),_c('p',[_v("Currently, we do not have undo and redo feature which open rooms for users to accidentally have typos in their command messages, causing certain unwanted commands to be executed. This can cause an array of problems,\nfrom deleting important data along with the contact, to inconvenience for the users themselves. As such, we plan to implement undo and redo feature in the future to provide a better user experience for our users.")]),_v(" "),_m(196),_v(" "),_c('p',[_v("Currently, our add and delete time features allow users to input multiple time slots in the command box. Should a certain input encounter an error (clashing time intervals), ProjectPRO adds / deletes the other time intervals that are valid and clears the command box. We recognise that users might encounter accidental typos while typing time intervals. Hence, we plan to disallow the clearing command box when the user typed an invalid input.")]),_v(" "),_m(197),_v(" "),_c('p',[_v("Currently, ProjectPRO's output box height is relative short which could lead to user frustration and hindered efficiency. Users may find it challenging to quickly interpret and comprehend the output, especially when certain commands generate outputs with numerous lines. This limitation might result in a suboptimal user experience, making it difficult for users to extract the desired information promptly.Addressing this problem is crucial to ensuring a more user-friendly interface and improving the overall effectiveness of ProjectPRO for its users. Our future implementation involves optimizing the output display by increasing the height of the output box. This enhancement aims to provide users with a more comprehensive and visually accessible view, allowing them to easily grasp the content at a glance.")]),_v(" "),_m(198),_v(" "),_c('p',[_v("As ProjectPro is a CLI text-based application, it requires extensive typing which might prove troublesome at times. As a result, our users would naturally have their personal preferences regarding the command word inputs.\nEnabling users to customize input requirements for functions within ProjectPRO would significantly enhance the flexibility and adaptability of the system. This future implementation empowers users by allowing them to tailor input parameters based on their specific needs and preferences. By accommodating a range of input variations, users can streamline their workflows and optimize the tool to align with diverse use cases.")]),_v(" "),_m(199),_v(" "),_m(200),_v(" "),_c('hr'),_v(" "),_m(201),_v(" "),_m(202),_v(" "),_c('hr'),_v(" "),_m(203),_v(" "),_m(204),_v(" "),_m(205),_v(" "),_m(206),_v(" "),_m(207),_v(" "),_m(208),_v(" "),_m(209),_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(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(225),_v(" "),_m(226),_v(" "),_m(227),_v(" "),_m(228),_v(" "),_m(229),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(230),_v(" "),_m(231),_v(" "),_m(232),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(233),_v(" "),_m(234),_v(" "),_m(235),_v(" "),_m(236),_v(" "),_m(237),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(238),_v(" "),_m(239),_v(" "),_m(240),_v(" "),_m(241),_v(" "),_m(242),_v(" "),_m(243),_v(" "),_m(244),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(245),_v(" "),_m(246),_v(" "),_m(247),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(248),_v(" "),_m(249),_v(" "),_m(250),_v(" "),_m(251),_v(" "),_m(252),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(253),_v(" "),_m(254),_v(" "),_m(255),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(256),_v(" "),_m(257),_v(" "),_m(258),_v(" "),_m(259),_v(" "),_m(260),_v(" "),_m(261),_v(" "),_m(262),_v(" "),_m(263),_v(" "),_m(264),_v(" "),_m(265),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(266),_v(" "),_m(267),_v(" "),_m(268),_v(" "),_m(269),_v(" "),_m(270),_v(" "),_m(271),_v(" "),_m(272),_v(" "),_m(273),_v(" "),_m(274),_v(" "),_m(275),_v(" "),_m(276),_v(" "),_m(277),_v(" "),_m(278),_v(" "),_m(279),_v(" "),_m(280),_v(" "),_m(281),_v(" "),_m(282),_v(" "),_m(283),_v(" "),_m(284),_v(" "),_m(285),_v(" "),_m(286),_v(" "),_m(287),_v(" "),_m(288),_v(" "),_m(289),_v(" "),_m(290),_v(" "),_m(291),_v(" "),_m(292),_v(" "),_m(293),_v(" "),_m(294),_v(" "),_m(295),_v(" "),_m(296),_v(" "),_m(297),_v(" "),_m(298),_v(" "),_m(299),_c('hr'),_v(" "),_m(300),_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(301),_v(" "),_m(302),_v(" "),_m(303),_v(" "),_m(304),_v(" "),_m(305),_v(" "),_m(306),_v(" "),_m(307),_v(" "),_m(308),_v(" "),_m(309),_v(" "),_m(310),_v(" "),_m(311),_v(" "),_m(312),_v(" "),_m(313),_v(" "),_m(314),_v(" "),_m(315),_v(" "),_m(316),_v(" "),_m(317),_v(" "),_m(318),_v(" "),_m(319),_v(" "),_m(320),_v(" "),_m(321),_v(" "),_m(322),_v(" "),_m(323),_v(" "),_m(324),_v(" "),_m(325),_v(" "),_m(326),_v(" "),_m(327),_v(" "),_m(328),_v(" "),_m(329),_v(" "),_m(330),_v(" "),_m(331),_v(" "),_m(332),_v(" "),_m(333),_v(" "),_m(334),_v(" "),_m(335),_v(" "),_m(336),_v(" "),_m(337),_v(" "),_m(338),_v(" "),_c('hr'),_v(" "),_m(339),_v(" "),_c('p',[_v("ProjectPRO is a project built upon AB3, which was built out of the SE-EDU initiative. Our group has been actively working on ProjectPRO this semester, meeting regularly to discuss about our application to meet deadlines punctually.")]),_v(" "),_c('p',[_v("In this section, we will detail some challenges we faced throughout the process of creating ProjectPRO.")]),_v(" "),_m(340),_v(" "),_c('p',[_v("As ProjectPRO is a brownfield project built from AB3, it was necessary to identify the pros and cons of AB3, and use them to come up with a better application more suited for university students. Some challenges include:")]),_v(" "),_m(341),_v(" "),_m(342),_v(" "),_m(343)],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":"#projectpro-developer-guide"}},[_v("ProjectPRO Developer Guide‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-introduction"}},[_v("1. Introduction‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-1-product-overview"}},[_v("1.1. Product Overview‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-2-setting-up-getting-started"}},[_v("1.2 Setting up getting started‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-3-acknowledgements"}},[_v("1.3 Acknowledgements‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-design"}},[_v("2 Design‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-1-architecture"}},[_v("2.1 Architecture‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-2-ui-component"}},[_v("2.2 UI component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-3-logic-component"}},[_v("2.3 Logic component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-4-model-component"}},[_v("2.4 Model component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-5-storage-component"}},[_v("2.5 Storage component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-6-common-classes"}},[_v("2.6 Common classes‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-implementation"}},[_v("3 Implementation‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-1-adding-a-person"}},[_v("3.1 Adding a Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-2-adding-a-group"}},[_v("3.2 Adding a Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-3-delete-person-and-group"}},[_v("3.3 Delete Person and Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#delete-person"}},[_v("Delete Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#delete-group"}},[_v("Delete Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-4-list-person-and-list-group"}},[_v("3.4 List Person and list group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#list-person"}},[_v("List-Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-5-find-person-and-find-group-features"}},[_v("3.5 Find Person and Find Group features‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#find-person"}},[_v("Find Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#find-group"}},[_v("Find Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-6-group-and-ungrouping-person"}},[_v("3.6 Group and Ungrouping Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-7-adding-a-group-remark"}},[_v("3.7 Adding a Group Remark‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-8-adding-time-to-a-person-or-group"}},[_v("3.8 Adding Time to a Person or Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-time-to-a-person"}},[_v("Adding Time to a Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-time-to-a-group"}},[_v("Adding Time to a Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-9-delete-time-feature"}},[_v("3.9 Delete Time Feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-time-from-a-person"}},[_v("Deleting Time from a Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-time-from-a-group"}},[_v("Deleting Time from a Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-10-listing-time-for-a-person-or-group"}},[_v("3.10 Listing Time for a Person or Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-time-from-a-person"}},[_v("Listing Time from a Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-time-from-a-group"}},[_v("Listing Time from a Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-11-find-free-time"}},[_v("3.11 Find Free Time‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-planned-enhancements"}},[_v("4 Planned Enhancements‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-1-undo-redo-feature"}},[_v("4.1 Undo/redo feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-2-addtime-deletetime-feature"}},[_v("4.2. addtime/deletetime feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-3-improving-our-user-interface"}},[_v("4.3. Improving our user interface.‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-4-allowing-extensive-modification-to-command-words"}},[_v("4.4. Allowing extensive modification to command words.‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-5-improving-addmeeting-feature"}},[_v("4.5 Improving addmeeting feature.‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#5-documentation-logging-testing-configuration-dev-ops"}},[_v("5 Documentation logging testing configuration dev-ops‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-appendix-requirements"}},[_v("6 Appendix Requirements‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-1-product-scope"}},[_v("6.1. Product scope‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-2-user-stories"}},[_v("6.2. User stories‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-3-use-cases"}},[_v("6.3. Use cases‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-4-non-functional-requirements"}},[_v("6.4. Non-Functional Requirements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-5-glossary"}},[_v("6.5. Glossary‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-appendix-instructions-for-manual-testing"}},[_v("7 Appendix Instructions for manual testing‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-1-launch-and-shutdown"}},[_v("7.1. Launch and shutdown‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-2-deleting-a-person"}},[_v("7.2. Deleting a person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-3-finding-a-contact"}},[_v("7.3. Finding a contact‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-4-listing-all-contacts"}},[_v("7.4. Listing all contacts‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-5-creating-a-group"}},[_v("7.5. Creating a group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-6-deleting-a-group"}},[_v("7.6. Deleting a Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-7-adding-a-group-remark"}},[_v("7.7. Adding a group remark‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-8-finding-a-group"}},[_v("7.8. Finding a group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-9-listing-all-groups"}},[_v("7.9. Listing all groups‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-10-adding-contacts-to-groups"}},[_v("7.10. Adding contacts to groups‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-11-removing-a-contact-from-a-group"}},[_v("7.11. Removing a contact from a group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-12-adding-free-time-to-contact"}},[_v("7.12. Adding free time to contact‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-13-deleting-free-time-from-contact"}},[_v("7.13. Deleting free time from contact‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-14-list-free-time-of-contact"}},[_v("7.14. List free time of contact‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-15-adding-meeting-time-to-group"}},[_v("7.15. Adding meeting time to group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-16-deleting-meeting-time-from-group"}},[_v("7.16. Deleting meeting time from group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-17-list-meeting-time-of-group"}},[_v("7.17. List meeting time of group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-17-find-free-time-of-group"}},[_v("7.17. Find free time of group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-18-saving-data"}},[_v("7.18. Saving data‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#8-appendix-effort"}},[_v("8 Appendix Effort‎")]),_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":"#8-1-design-challenges"}},[_v("8.1 Design Challenges‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#8-1-design-challenges-2"}},[_v("8.1 Design Challenges‎")])])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(344)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_c('hr'),_v(" "),_m(1),_v(" "),_m(2),_v(" "),_c('p',[_v("ProjectPro is a contacts organisation application designed for university students.")]),_v(" "),_c('p',[_v("University students often spend a lot of time coordinating project meetup sessions and finding project information, resulting in large amounts of time wasted.")]),_v(" "),_c('p',[_v("This app can help to save time by:")]),_v(" "),_m(3),_v(" "),_c('hr'),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_c('hr'),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_c('hr'),_v(" "),_m(8),_v(" "),_m(9),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureDiagram.png","width":"280"}}),_v(" "),_m(10),_v(" "),_c('p',[_v("Given below is a quick overview of main components and how they interact with each other.")]),_v(" "),_m(11),_v(" "),_m(12),_v(" "),_m(13),_v(" "),_c('p',[_v("The rest of the App consists of these main four components:")]),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_m(16),_v(" "),_m(17),_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(18),_v(" "),_m(19),_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(20),_v(" "),_m(21),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UiClassDiagram.png","alt":"Structure of the UI Component"}}),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_m(27),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/LogicClassDiagram.png","width":"550"}}),_v(" "),_m(30),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeletePersonSequenceDiagram.png","alt":"Interactions Inside the Logic Component for the `delete n/Alex` 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(31),_v(" "),_m(32),_v(" "),_m(33),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ParserClasses.png","width":"600"}}),_v(" "),_c('p',[_v("How the parsing works:")]),_v(" "),_m(34),_v(" "),_m(35),_v(" "),_m(36),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ModelClassDiagram.png","width":"450"}}),_v(" "),_m(37),_v(" "),_m(38),_v(" "),_m(39),_v(" "),_m(40),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StorageClassDiagram.png","width":"550"}}),_v(" "),_m(41),_v(" "),_m(42),_v(" "),_m(43),_v(" "),_c('p',[_v("To address this requirement, we updated our storage to save both classes in JSON format.")]),_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(" "),_c('p',[_v("Step 1. The user launches the application for the first time.")]),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_m(52),_v(" "),_m(53),_v(" "),_m(54),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddCommandSequenceDiagram.png","alt":"AddCommandSeqDiagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(55),_v(" "),_m(56),_v(" "),_m(57),_v(" "),_c('hr'),_v(" "),_m(58),_v(" "),_m(59),_v(" "),_m(60),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group creation mechanism behaves at each step.")]),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_m(63),_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/CreateGroupActivityDiagram.png","alt":"CreateGroupActivityDiagram"}}),_v(" "),_c('p',[_v("Below is a sequence diagram that summarizes how a user creates a new group:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/CreateGroupSequenceDiagram.png","alt":"CreateGroupSequenceDiagram"}}),_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("CreateGroupCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_m(66),_v(" "),_c('hr'),_v(" "),_m(67),_v(" "),_m(68),_v(" "),_m(69),_v(" "),_m(70),_v(" "),_m(71),_v(" "),_m(72),_v(" "),_m(73),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a delete command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteCommandActivityDiagram.png","alt":"DeleteCommandActivity"}}),_v(" "),_m(74),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the Delete Person mechanism behaves at each step.")]),_v(" "),_m(75),_v(" "),_m(76),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If no such person named 'Alex Yeoh' exists, a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("CommandException")]),_v(" will be thrown.")])]),_v(" "),_m(77),_v(" "),_c('p',[_v("The following sequence diagram shows how the Delete Person operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeletePersonSequenceDiagram.png","alt":"DeletePersonSequence"}}),_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(78),_v(" "),_m(79),_v(" "),_m(80),_v(" "),_m(81),_v(" "),_m(82),_v(" "),_m(83),_v(" "),_c('hr'),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_m(86),_v(" "),_m(87),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the list mechanism behaves at each step.")]),_v(" "),_m(88),_v(" "),_c('p',[_c('strong',[_v("Step 2:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ListCommand")]),_v(" is executed, in which "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#updateFilteredPersonList(PREDICATE_SHOW_ALL_PERSONS)")]),_v(" is called with the Predicate"),_c('person',[_v(" which will be true for all contacts. This updates the address book view, showing all the contacts in the address book to the user.")])],1),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a list command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ListCommandSequenceDiagram.png","alt":"ListCommandSequence"}}),_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("ListCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_m(91),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the listgroup mechanism behaves at each step.")]),_v(" "),_m(92),_v(" "),_m(93),_v(" "),_m(94),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a listgroup command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ListGroupSequenceDiagram.png","alt":"ListGroupSequence"}}),_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("ListGroupCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_c('hr'),_v(" "),_m(95),_v(" "),_m(96),_v(" "),_m(97),_v(" "),_m(98),_v(" "),_m(99),_v(" "),_m(100),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a find command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindCommandActivityDiagram.png","alt":"FindCommandActivity"}}),_v(" "),_m(101),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the Find Person mechanism behaves at each step.")]),_v(" "),_m(102),_v(" "),_c('p',[_v("Step 2. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindPersonCommand")]),_v(" is executed, in which "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#updateFilteredPersonList()")]),_v(" is called with the Predicate"),_c('person',[_v(". This through all the contacts in the address book, showing the updated list of contacts whose names start with 'Alex' or 'John' to the user.")])],1),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If there are no contacts whose name contains 'Alex, or 'John', no contacts will be shown.")])]),_v(" "),_c('p',[_v("The following sequence diagram shows how the Find Person operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindPersonSequenceDiagram.png","alt":"FindPersonSequence"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FindCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(103),_v(" "),_m(104),_v(" "),_m(105),_v(" "),_m(106),_v(" "),_m(107),_v(" "),_m(108),_v(" "),_m(109),_v(" "),_m(110),_v(" "),_c('hr'),_v(" "),_m(111),_v(" "),_m(112),_v(" "),_m(113),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the group mechanism behaves at each step.")]),_v(" "),_m(114),_v(" "),_m(115),_v(" "),_m(116),_v(" "),_m(117),_v(" "),_m(118),_v(" "),_m(119),_v(" "),_c('p',[_v("Ungroup works in the same way as group except the use of Command word ungroup")]),_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/GroupPersonActivityDiagram.png","alt":"GroupPersonActivityDiagram"}}),_v(" "),_m(120),_v(" "),_m(121),_v(" "),_m(122),_v(" "),_c('hr'),_v(" "),_m(123),_v(" "),_m(124),_v(" "),_m(125),_v(" "),_m(126),_v(" "),_m(127),_v(" "),_c('p',[_v("Here's an example usage scenario and how the group remark mechanism behaves at each step:")]),_v(" "),_m(128),_v(" "),_m(129),_v(" "),_m(130),_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/GroupRemarkSequenceDiagram.png","alt":"GroupRemarkSequenceDiagram"}}),_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("GroupRemarkCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(131),_v(" "),_m(132),_v(" "),_m(133),_v(" "),_c('hr'),_v(" "),_m(134),_v(" "),_m(135),_v(" "),_m(136),_v(" "),_m(137),_v(" "),_m(138),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes an add time command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddTimeActivityDiagram.png","alt":"AddTimeActivity"}}),_v(" "),_m(139),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the Add Time to Person mechanism behaves at each step.")]),_v(" "),_m(140),_v(" "),_m(141),_v(" "),_m(142),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If no such person named \"Alex Yeoh\" exists, a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("CommandException")]),_v(" will be thrown.")])]),_v(" "),_m(143),_v(" "),_c('p',[_v("The following sequence diagram shows how the Add Time to Person operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddTimeSequenceDiagram.png","alt":"AddTimeSequence"}}),_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("AddTimeCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(144),_v(" "),_m(145),_v(" "),_m(146),_v(" "),_m(147),_v(" "),_m(148),_v(" "),_m(149),_v(" "),_m(150),_v(" "),_c('hr'),_v(" "),_m(151),_v(" "),_m(152),_v(" "),_m(153),_v(" "),_m(154),_v(" "),_m(155),_v(" "),_c('p',[_v("Below is an activity diagram that illustrates the control flow for Delete Person Time feature.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeletePersonTimeActivityDiagram.png","alt":"DeletePersonTimeActivityDiagram"}}),_v(" "),_m(156),_v(" "),_m(157),_v(" "),_m(158),_v(" "),_m(159),_v(" "),_m(160),_v(" "),_m(161),_v(" "),_m(162),_v(" "),_c('p',[_v("The following sequence diagram summarizes what happens when a user executes a new command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeletePersonTimeDiagram.puml","alt":"DeletePersonSequenceTimeDiagram"}}),_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("DeleteTimeCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(163),_v(" "),_m(164),_v(" "),_m(165),_v(" "),_m(166),_v(" "),_m(167),_v(" "),_m(168),_v(" "),_m(169),_v(" "),_m(170),_v(" "),_m(171),_v(" "),_c('hr'),_v(" "),_m(172),_v(" "),_m(173),_v(" "),_m(174),_v(" "),_m(175),_v(" "),_m(176),_v(" "),_m(177),_v(" "),_m(178),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes an add time command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ListTimeActivityDiagram.png","alt":"ListTimeActivity"}}),_v(" "),_m(179),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the List Time from Person mechanism behaves at each step.")]),_v(" "),_m(180),_v(" "),_m(181),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If no such person named \"Alex Yeoh\" exists, a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("CommandException")]),_v(" will be thrown.")])]),_v(" "),_m(182),_v(" "),_c('p',[_v("The following sequence diagram shows how the List Time from Person operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ListTimePersonSequenceDiagram.png","alt":"ListTimePersonSequence"}}),_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("ListTimeCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(183),_v(" "),_m(184),_v(" "),_m(185),_v(" "),_m(186),_v(" "),_m(187),_v(" "),_m(188),_v(" "),_m(189),_v(" "),_c('hr'),_v(" "),_m(190),_v(" "),_m(191),_v(" "),_m(192),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the list mechanism behaves at each step.")]),_v(" "),_m(193),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a FindFreeTime command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/FindFreeTimeActivityDiagram.png","alt":"FindFreeTimeActivityDiagram"}}),_v("\n--------------------------------------------------------------------------------------------------------------------\n"),_m(194),_v(" "),_m(195),_v(" "),_c('p',[_v("Currently, we do not have undo and redo feature which open rooms for users to accidentally have typos in their command messages, causing certain unwanted commands to be executed. This can cause an array of problems,\nfrom deleting important data along with the contact, to inconvenience for the users themselves. As such, we plan to implement undo and redo feature in the future to provide a better user experience for our users.")]),_v(" "),_m(196),_v(" "),_c('p',[_v("Currently, our add and delete time features allow users to input multiple time slots in the command box. Should a certain input encounter an error (clashing time intervals), ProjectPRO adds / deletes the other time intervals that are valid and clears the command box. We recognise that users might encounter accidental typos while typing time intervals. Hence, we plan to disallow the clearing command box when the user typed an invalid input.")]),_v(" "),_m(197),_v(" "),_c('p',[_v("Currently, ProjectPRO's output box height is relative short which could lead to user frustration and hindered efficiency. Users may find it challenging to quickly interpret and comprehend the output, especially when certain commands generate outputs with numerous lines. This limitation might result in a suboptimal user experience, making it difficult for users to extract the desired information promptly.Addressing this problem is crucial to ensuring a more user-friendly interface and improving the overall effectiveness of ProjectPRO for its users. Our future implementation involves optimizing the output display by increasing the height of the output box. This enhancement aims to provide users with a more comprehensive and visually accessible view, allowing them to easily grasp the content at a glance.")]),_v(" "),_m(198),_v(" "),_c('p',[_v("As ProjectPro is a CLI text-based application, it requires extensive typing which might prove troublesome at times. As a result, our users would naturally have their personal preferences regarding the command word inputs.\nEnabling users to customize input requirements for functions within ProjectPRO would significantly enhance the flexibility and adaptability of the system. This future implementation empowers users by allowing them to tailor input parameters based on their specific needs and preferences. By accommodating a range of input variations, users can streamline their workflows and optimize the tool to align with diverse use cases.")]),_v(" "),_m(199),_v(" "),_m(200),_v(" "),_c('hr'),_v(" "),_m(201),_v(" "),_m(202),_v(" "),_c('hr'),_v(" "),_m(203),_v(" "),_m(204),_v(" "),_m(205),_v(" "),_m(206),_v(" "),_m(207),_v(" "),_m(208),_v(" "),_m(209),_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(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(225),_v(" "),_m(226),_v(" "),_m(227),_v(" "),_m(228),_v(" "),_m(229),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(230),_v(" "),_m(231),_v(" "),_m(232),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(233),_v(" "),_m(234),_v(" "),_m(235),_v(" "),_m(236),_v(" "),_m(237),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(238),_v(" "),_m(239),_v(" "),_m(240),_v(" "),_m(241),_v(" "),_m(242),_v(" "),_m(243),_v(" "),_m(244),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(245),_v(" "),_m(246),_v(" "),_m(247),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(248),_v(" "),_m(249),_v(" "),_m(250),_v(" "),_m(251),_v(" "),_m(252),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(253),_v(" "),_m(254),_v(" "),_m(255),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(256),_v(" "),_m(257),_v(" "),_m(258),_v(" "),_m(259),_v(" "),_m(260),_v(" "),_m(261),_v(" "),_m(262),_v(" "),_m(263),_v(" "),_m(264),_v(" "),_m(265),_v(" "),_c('p',[_v("Use Case ends.")]),_v(" "),_m(266),_v(" "),_m(267),_v(" "),_m(268),_v(" "),_m(269),_v(" "),_m(270),_v(" "),_m(271),_v(" "),_m(272),_v(" "),_m(273),_v(" "),_m(274),_v(" "),_m(275),_v(" "),_m(276),_v(" "),_m(277),_v(" "),_m(278),_v(" "),_m(279),_v(" "),_m(280),_v(" "),_m(281),_v(" "),_m(282),_v(" "),_m(283),_v(" "),_m(284),_v(" "),_m(285),_v(" "),_m(286),_v(" "),_m(287),_v(" "),_m(288),_v(" "),_m(289),_v(" "),_m(290),_v(" "),_m(291),_v(" "),_m(292),_v(" "),_m(293),_v(" "),_m(294),_v(" "),_m(295),_v(" "),_m(296),_v(" "),_m(297),_v(" "),_m(298),_v(" "),_m(299),_c('hr'),_v(" "),_m(300),_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(301),_v(" "),_m(302),_v(" "),_m(303),_v(" "),_m(304),_v(" "),_m(305),_v(" "),_m(306),_v(" "),_m(307),_v(" "),_m(308),_v(" "),_m(309),_v(" "),_m(310),_v(" "),_m(311),_v(" "),_m(312),_v(" "),_m(313),_v(" "),_m(314),_v(" "),_m(315),_v(" "),_m(316),_v(" "),_m(317),_v(" "),_m(318),_v(" "),_m(319),_v(" "),_m(320),_v(" "),_m(321),_v(" "),_m(322),_v(" "),_m(323),_v(" "),_m(324),_v(" "),_m(325),_v(" "),_m(326),_v(" "),_m(327),_v(" "),_m(328),_v(" "),_m(329),_v(" "),_m(330),_v(" "),_m(331),_v(" "),_m(332),_v(" "),_m(333),_v(" "),_m(334),_v(" "),_m(335),_v(" "),_m(336),_v(" "),_m(337),_v(" "),_m(338),_v(" "),_c('hr'),_v(" "),_m(339),_v(" "),_c('p',[_v("ProjectPRO is a project built upon AB3, which was built out of the SE-EDU initiative. Our group has been actively working on ProjectPRO this semester, meeting regularly to discuss about our application to meet deadlines punctually.")]),_v(" "),_c('p',[_v("In this section, we will detail some challenges we faced throughout the process of creating ProjectPRO.")]),_v(" "),_m(340),_v(" "),_c('p',[_v("As ProjectPRO is a brownfield project built from AB3, it was necessary to identify the pros and cons of AB3, and use them to come up with a better application more suited for university students. Some challenges include:")]),_v(" "),_m(341),_v(" "),_m(342),_v(" "),_m(343)],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":"#projectpro-developer-guide"}},[_v("ProjectPRO Developer Guide‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-introduction"}},[_v("1. Introduction‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-1-product-overview"}},[_v("1.1. Product Overview‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-2-setting-up-getting-started"}},[_v("1.2 Setting up getting started‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#1-3-acknowledgements"}},[_v("1.3 Acknowledgements‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-design"}},[_v("2 Design‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-1-architecture"}},[_v("2.1 Architecture‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-2-ui-component"}},[_v("2.2 UI component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-3-logic-component"}},[_v("2.3 Logic component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-4-model-component"}},[_v("2.4 Model component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-5-storage-component"}},[_v("2.5 Storage component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#2-6-common-classes"}},[_v("2.6 Common classes‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-implementation"}},[_v("3 Implementation‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-1-adding-a-person"}},[_v("3.1 Adding a Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-2-adding-a-group"}},[_v("3.2 Adding a Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-3-delete-person-and-group"}},[_v("3.3 Delete Person and Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#delete-person"}},[_v("Delete Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#delete-group"}},[_v("Delete Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-4-list-person-and-list-group"}},[_v("3.4 List Person and list group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#list-person"}},[_v("List-Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-5-find-person-and-find-group-features"}},[_v("3.5 Find Person and Find Group features‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#find-person"}},[_v("Find Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#find-group"}},[_v("Find Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-6-group-and-ungrouping-person"}},[_v("3.6 Group and Ungrouping Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-7-adding-a-group-remark"}},[_v("3.7 Adding a Group Remark‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-8-adding-time-to-a-person-or-group"}},[_v("3.8 Adding Time to a Person or Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-time-to-a-person"}},[_v("Adding Time to a Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-time-to-a-group"}},[_v("Adding Time to a Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-9-delete-time-feature"}},[_v("3.9 Delete Time Feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-time-from-a-person"}},[_v("Deleting Time from a Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-time-from-a-group"}},[_v("Deleting Time from a Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-10-listing-time-for-a-person-or-group"}},[_v("3.10 Listing Time for a Person or Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-time-from-a-person"}},[_v("Listing Time from a Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-time-from-a-group"}},[_v("Listing Time from a Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#3-11-find-free-time"}},[_v("3.11 Find Free Time‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-planned-enhancements"}},[_v("4 Planned Enhancements‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-1-undo-redo-feature"}},[_v("4.1 Undo/redo feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-2-addtime-deletetime-feature"}},[_v("4.2. addtime/deletetime feature‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-3-improving-our-user-interface"}},[_v("4.3. Improving our user interface.‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-4-allowing-extensive-modification-to-command-words"}},[_v("4.4. Allowing extensive modification to command words.‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#4-5-improving-addmeeting-feature"}},[_v("4.5 Improving addmeeting feature.‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#5-documentation-logging-testing-configuration-dev-ops"}},[_v("5 Documentation logging testing configuration dev-ops‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-appendix-requirements"}},[_v("6 Appendix Requirements‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-1-product-scope"}},[_v("6.1. Product scope‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-2-user-stories"}},[_v("6.2. User stories‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-3-use-cases"}},[_v("6.3. Use cases‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-4-non-functional-requirements"}},[_v("6.4. Non-Functional Requirements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#6-5-glossary"}},[_v("6.5. Glossary‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-appendix-instructions-for-manual-testing"}},[_v("7 Appendix Instructions for manual testing‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-1-launch-and-shutdown"}},[_v("7.1. Launch and shutdown‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-2-deleting-a-person"}},[_v("7.2. Deleting a person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-3-finding-a-contact"}},[_v("7.3. Finding a contact‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-4-listing-all-contacts"}},[_v("7.4. Listing all contacts‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-5-creating-a-group"}},[_v("7.5. Creating a group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-6-deleting-a-group"}},[_v("7.6. Deleting a Group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-7-adding-a-group-remark"}},[_v("7.7. Adding a group remark‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-8-finding-a-group"}},[_v("7.8. Finding a group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-9-listing-all-groups"}},[_v("7.9. Listing all groups‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-10-adding-contacts-to-groups"}},[_v("7.10. Adding contacts to groups‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-11-removing-a-contact-from-a-group"}},[_v("7.11. Removing a contact from a group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-12-adding-free-time-to-contact"}},[_v("7.12. Adding free time to contact‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-13-deleting-free-time-from-contact"}},[_v("7.13. Deleting free time from contact‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-14-list-free-time-of-contact"}},[_v("7.14. List free time of contact‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-15-adding-meeting-time-to-group"}},[_v("7.15. Adding meeting time to group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-16-deleting-meeting-time-from-group"}},[_v("7.16. Deleting meeting time from group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-17-list-meeting-time-of-group"}},[_v("7.17. List meeting time of group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-17-find-free-time-of-group"}},[_v("7.17. Find free time of group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#7-18-saving-data"}},[_v("7.18. Saving data‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#8-appendix-effort"}},[_v("8 Appendix Effort‎")]),_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":"#8-1-design-challenges"}},[_v("8.1 Design Challenges‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#8-1-design-challenges-2"}},[_v("8.1 Design Challenges‎")])])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(344)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -1037,6 +1037,6 @@ with(this){return _c('h3',{attrs:{"id":"8-1-design-challenges-2"}},[_c('strong',
 with(this){return _c('ul',[_c('li',[_v("Given the substantial size of AB3, comprehending its code structure and intricacies posed an initial challenge for us. In response, we proactively initiated project meetings early on. This early engagement provided us with additional time to grasp the intricacies of AB3's implementation and facilitated collaborative discussions to clarify any uncertainties we had about AB3. This enhanced understanding played a crucial role in minimizing the learning curve when undertaking the implementation of new features for ProjectPRO. Since some features shared similar concepts, understanding how they were implemented in AB3 significantly eased the difficulty in implementing corresponding methods for ProjectPRO's enhancements.")])])}
 },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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Documentation.html b/Documentation.html
index 27128511c65..8bedc51c691 100644
--- a/Documentation.html
+++ b/Documentation.html
@@ -22,9 +22,7 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></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, 9:11:14 GMT+8]</small></div></footer></div>
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></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, 9:35:50 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 603182894f0..4a4ccac5059 100644
--- a/Documentation.page-vue-render.js
+++ b/Documentation.page-vue-render.js
@@ -1,13 +1,13 @@
 
     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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_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":"#documentation-guide"}},[_v("Documentation Guide‎")])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_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":"#documentation-guide"}},[_v("Documentation Guide‎")])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
 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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Logging.html b/Logging.html
index 8eed9e736ca..a99ff67e868 100644
--- a/Logging.html
+++ b/Logging.html
@@ -22,9 +22,7 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></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, 9:11:14 GMT+8]</small></div></footer></div>
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></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, 9:35:50 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 5d12aed10b2..927c13f5268 100644
--- a/Logging.page-vue-render.js
+++ b/Logging.page-vue-render.js
@@ -1,13 +1,13 @@
 
     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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
 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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/SettingUp.html b/SettingUp.html
index 3ca625a699c..abb8f30a7dd 100644
--- a/SettingUp.html
+++ b/SettingUp.html
@@ -22,15 +22,13 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="setting-up-and-getting-started">Setting up and getting started<a href="#setting-up-and-getting-started" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="page-nav-print d-none d-print-block"></div> <hr> <h2 id="setting-up-the-project-in-your-computer">Setting up the project in your computer<a href="#setting-up-the-project-in-your-computer" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <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-warning" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Caution:</strong>
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="setting-up-and-getting-started">Setting up and getting started<a href="#setting-up-and-getting-started" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="page-nav-print d-none d-print-block"></div> <hr> <h2 id="setting-up-the-project-in-your-computer">Setting up the project in your computer<a href="#setting-up-the-project-in-your-computer" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <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-warning" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Caution:</strong>
 Follow the steps in the following guide precisely. Things will not work out if you deviate in some steps.</p></div> <!----></div></div></div> <p>First, <strong>fork</strong> this repo, and <strong>clone</strong> the fork into your computer.</p> <p>If you plan to use Intellij IDEA (highly recommended):</p> <ol><li><strong>Configure the JDK</strong>: Follow the guide <a href="https://se-education.org/guides/tutorials/intellijJdk.html"><em>[se-edu/guides] IDEA: Configuring the JDK</em></a> to to ensure Intellij is configured to use <strong>JDK 11</strong>.</li> <li><strong>Import the project as a Gradle project</strong>: Follow the guide <a href="https://se-education.org/guides/tutorials/intellijImportGradleProject.html"><em>[se-edu/guides] IDEA: Importing a Gradle project</em></a> to import the project into IDEA.<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-warning" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c>
 Note: Importing a Gradle project is slightly different from importing a normal Java project.
 </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, 9:11:14 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, 9:35:50 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 08972eac147..4b61b55b140 100644
--- a/SettingUp.page-vue-render.js
+++ b/SettingUp.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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_c('hr'),_v(" "),_m(1),_v(" "),_c('box',{attrs:{"type":"warning","seamless":""}},[_c('p',[_c('strong',[_v("Caution:")]),_v("\nFollow the steps in the following guide precisely. Things will not work out if you deviate in some steps.")])]),_v(" "),_m(2),_v(" "),_c('p',[_v("If you plan to use Intellij IDEA (highly recommended):")]),_v(" "),_c('ol',[_m(3),_v(" "),_c('li',[_c('strong',[_v("Import the project as a Gradle project")]),_v(": Follow the guide "),_m(4),_v(" to import the project into IDEA."),_c('box',{attrs:{"type":"warning","seamless":""}},[_v("\nNote: Importing a Gradle project is slightly different from importing a normal Java project.\n")])],1),_v(" "),_m(5)]),_v(" "),_c('hr'),_v(" "),_m(6),_v(" "),_c('ol',[_c('li',[_m(7),_v(" "),_m(8),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Tip:")]),_v("\nOptionally, you can follow the guide "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/checkstyle.html"}},[_c('em',[_v("[se-edu/guides] Using Checkstyle")])]),_v(" to find how to use the CheckStyle within IDEA e.g., to report problems "),_c('em',[_v("as")]),_v(" you write code.")])])],1),_v(" "),_m(9),_v(" "),_m(10),_v(" "),_m(11)])],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":"#setting-up-and-getting-started"}},[_v("Setting up and getting started‎")]),_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":"#setting-up-the-project-in-your-computer"}},[_v("Setting up the project in your computer‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#before-writing-code"}},[_v("Before writing code‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(12)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_c('hr'),_v(" "),_m(1),_v(" "),_c('box',{attrs:{"type":"warning","seamless":""}},[_c('p',[_c('strong',[_v("Caution:")]),_v("\nFollow the steps in the following guide precisely. Things will not work out if you deviate in some steps.")])]),_v(" "),_m(2),_v(" "),_c('p',[_v("If you plan to use Intellij IDEA (highly recommended):")]),_v(" "),_c('ol',[_m(3),_v(" "),_c('li',[_c('strong',[_v("Import the project as a Gradle project")]),_v(": Follow the guide "),_m(4),_v(" to import the project into IDEA."),_c('box',{attrs:{"type":"warning","seamless":""}},[_v("\nNote: Importing a Gradle project is slightly different from importing a normal Java project.\n")])],1),_v(" "),_m(5)]),_v(" "),_c('hr'),_v(" "),_m(6),_v(" "),_c('ol',[_c('li',[_m(7),_v(" "),_m(8),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Tip:")]),_v("\nOptionally, you can follow the guide "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/checkstyle.html"}},[_c('em',[_v("[se-edu/guides] Using Checkstyle")])]),_v(" to find how to use the CheckStyle within IDEA e.g., to report problems "),_c('em',[_v("as")]),_v(" you write code.")])])],1),_v(" "),_m(9),_v(" "),_m(10),_v(" "),_m(11)])],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":"#setting-up-and-getting-started"}},[_v("Setting up and getting started‎")]),_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":"#setting-up-the-project-in-your-computer"}},[_v("Setting up the project in your computer‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#before-writing-code"}},[_v("Before writing code‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(12)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Testing.html b/Testing.html
index 14e3ef23463..14f7a2be20c 100644
--- a/Testing.html
+++ b/Testing.html
@@ -22,13 +22,11 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="testing-guide">Testing guide<a href="#testing-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="page-nav-print d-none d-print-block"></div> <h2 id="running-tests">Running tests<a href="#running-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>There are two ways to run tests.</p> <ul><li><strong>Method 1: Using IntelliJ JUnit test runner</strong> <ul><li>To run all tests, right-click on the <code class="hljs inline no-lang">src/test/java</code> folder and choose <code class="hljs inline no-lang">Run 'All Tests'</code></li> <li>To run a subset of tests, you can right-click on a test package,
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="testing-guide">Testing guide<a href="#testing-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="page-nav-print d-none d-print-block"></div> <h2 id="running-tests">Running tests<a href="#running-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>There are two ways to run tests.</p> <ul><li><strong>Method 1: Using IntelliJ JUnit test runner</strong> <ul><li>To run all tests, right-click on the <code class="hljs inline no-lang">src/test/java</code> folder and choose <code class="hljs inline no-lang">Run 'All Tests'</code></li> <li>To run a subset of tests, you can right-click on a test package,
 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, 9:11:14 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, 9:35:50 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 47cec8cdadb..4537234a949 100644
--- a/Testing.page-vue-render.js
+++ b/Testing.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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_m(1),_v(" "),_c('p',[_v("There are two ways to run tests.")]),_v(" "),_m(2),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Link")]),_v(": Read "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/gradle.html"}},[_v("this Gradle Tutorial from the se-edu/guides")]),_v(" to learn more about using Gradle.")])]),_v(" "),_c('hr'),_v(" "),_m(3),_v(" "),_c('p',[_v("This project has three types of tests:")]),_v(" "),_m(4)],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":"#testing-guide"}},[_v("Testing 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":"#running-tests"}},[_v("Running tests‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#types-of-tests"}},[_v("Types of tests‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(5)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_m(1),_v(" "),_c('p',[_v("There are two ways to run tests.")]),_v(" "),_m(2),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Link")]),_v(": Read "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/gradle.html"}},[_v("this Gradle Tutorial from the se-edu/guides")]),_v(" to learn more about using Gradle.")])]),_v(" "),_c('hr'),_v(" "),_m(3),_v(" "),_c('p',[_v("This project has three types of tests:")]),_v(" "),_m(4)],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":"#testing-guide"}},[_v("Testing 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":"#running-tests"}},[_v("Running tests‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#types-of-tests"}},[_v("Types of tests‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(5)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/UserGuide.html b/UserGuide.html
index d8169996a45..ca59fd3277a 100644
--- a/UserGuide.html
+++ b/UserGuide.html
@@ -22,9 +22,7 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="welcome-to-projectpro-s-user-guide">Welcome to ProjectPRO's User Guide<a href="#welcome-to-projectpro-s-user-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <hr> <h2 id="introduction">Introduction<a href="#introduction" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Achieve simplicity while optimizing efficiency.</p> <p>ProjectPRO is a desktop application designed to help university students organize their projects. Here is how ProjectPRO can streamline your project management process.</p> <ul><li>Categorize your contacts into various project groups.</li> <li>Track key information from your projects.</li> <li>Find free time for your group meetings.</li></ul> <p>ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. ProjectPRO utilizes simple and easy-to-remember commands to execute different tasks, enhancing our user's experience. For instance, adding a contact is executed with a simple <code class="hljs inline no-lang">add</code> command, as listed in our Features Section. Unlock more time in your day, store your information the smart way.</p> <hr> <p><strong>New here?</strong> View our instructions for first-time users <a href="#first-time-user">here</a>.</p> <p><strong>Used ProjectPRO before?</strong> Click <a href="#experienced-user">here</a> to recall what features we have!</p> <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="#introduction">1. Introduction</a></li> <li><a href="#table-of-contents">2. Table of Contents</a></li> <li><a href="#using-our-guide">3. Using Our Guide</a></li> <li><a href="#quick-start">4. Quick Start</a></li> <li><a href="#glossary">5. Glossary</a></li> <li><a href="#features">6. Features</a></li> <li><a href="#commands-to-manage-contacts">7. Commands to Manage Contacts</a> <ul><li><a href="#adding-a-contact-add">7.1 Adding a Contact <code class="hljs inline no-lang">add</code></a></li> <li><a href="#deleting-a-contact-delete">7.2 Deleting a Contact <code class="hljs inline no-lang">delete</code></a></li> <li><a href="#finding-a-contact-find">7.3 Finding a Contact <code class="hljs inline no-lang">find</code></a></li> <li><a href="#listing-contacts-list">7.4 Listing all Contacts <code class="hljs inline no-lang">list</code></a></li></ul></li> <li><a href="#commands-to-manage-groups">8. Commands to Manage Groups</a> <ul><li><a href="#adding-a-group-new">8.1 Adding a Group <code class="hljs inline no-lang">new</code></a></li> <li><a href="#deleting-a-group-delete">8.2 Deleting a Group <code class="hljs inline no-lang">delete</code></a></li> <li><a href="#adding-remarks-to-a-group-remark">8.3 Adding remarks to a Group <code class="hljs inline no-lang">remark</code></a></li> <li><a href="#finding-a-group-find">8.4 Finding a Group <code class="hljs inline no-lang">find</code></a></li> <li><a href="#listing-a-group-listgroup">8.5 Listing a Group <code class="hljs inline no-lang">list</code></a></li> <li><a href="#grouping-a-contact-group">8.6 Grouping a Contact <code class="hljs inline no-lang">group</code></a></li> <li><a href="#ungrouping-a-contact-ungroup">8.7 Ungrouping a Contact <code class="hljs inline no-lang">ungroup</code></a></li></ul></li> <li><a href="#commands-to-manage-time">9. Commands to Manage Time</a> <ul><li><a href="#adding-time-to-a-contact-addtime">9.1 Adding Time to a Contact <code class="hljs inline no-lang">addtime</code></a></li> <li><a href="#removing-time-from-a-contact-deletetime">9.2 Removing Time from a Contact <code class="hljs inline no-lang">deletetime</code></a></li> <li><a href="#listing-time-from-a-contact-listtime">9.3 Listing Time from a Contact <code class="hljs inline no-lang">listtime</code></a></li> <li><a href="#add-meeting-to-a-group-addmeeting">9.4 Add Meeting to Group <code class="hljs inline no-lang">addmeeting</code></a></li> <li><a href="#remove-meeting-time-from-a-group-deletetime">9.5 Remove Meeting Time from a Group <code class="hljs inline no-lang">deletetime</code></a></li> <li><a href="#listing-meeting-time-from-a-group-listtime">9.6 Listing Meeting Time from a Group <code class="hljs inline no-lang">listtime</code></a></li> <li><a href="#finding-free-time-of-a-group-findfreetime">9.7 Finding Free Time of a Group <code class="hljs inline no-lang">findfreetime</code></a></li></ul></li> <li><a href="#general-commands">10. General Commands</a> <ul><li><a href="#viewing-help-help">10.1 Viewing Help <code class="hljs inline no-lang">help</code></a></li> <li><a href="#clearing-all-data-clear">10.2 Clearing All Data <code class="hljs inline no-lang">clear</code></a></li> <li><a href="#exit-projectpro-exit">10.3 Exit ProjectPRO <code class="hljs inline no-lang">exit</code></a></li></ul></li></ul> <hr> <h2 id="using-our-guide">Using Our Guide<a href="#using-our-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <hr> <p>This guide explains how you can use ProjectPRO to add contacts and manage your groups of contacts effectively by using our commands.</p> <p>Here are some annotations used in this guide:</p> <p></p> <div style="border-left:4px solid #56494C;background-color:#F1DEC6;color:#000;padding:10px;margin:5px 0;border-radius:6px;"><div style="display:flex;align-items:center;"><img src="/tp/icons/checked.png" width="20" height="20" style="margin-right:5px;"> <h5 id="acceptable-value-s" style="color:#56494C;margin:0 0 5px 0;padding-top:5px;"> Acceptable value(s)<a href="#acceptable-value-s" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5></div> <p style="font-size:13px;color:#000;margin:px 0;"><code>USER_INPUT</code>
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="welcome-to-projectpro-s-user-guide">Welcome to ProjectPRO's User Guide<a href="#welcome-to-projectpro-s-user-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <hr> <h2 id="introduction">Introduction<a href="#introduction" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Achieve simplicity while optimizing efficiency.</p> <p>ProjectPRO is a desktop application designed to help university students organize their projects. Here is how ProjectPRO can streamline your project management process.</p> <ul><li>Categorize your contacts into various project groups.</li> <li>Track key information from your projects.</li> <li>Find free time for your group meetings.</li></ul> <p>ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. ProjectPRO utilizes simple and easy-to-remember commands to execute different tasks, enhancing our user's experience. For instance, adding a contact is executed with a simple <code class="hljs inline no-lang">add</code> command, as listed in our Features Section. Unlock more time in your day, store your information the smart way.</p> <hr> <p><strong>New here?</strong> View our instructions for first-time users <a href="#first-time-user">here</a>.</p> <p><strong>Used ProjectPRO before?</strong> Click <a href="#experienced-user">here</a> to recall what features we have!</p> <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="#introduction">1. Introduction</a></li> <li><a href="#table-of-contents">2. Table of Contents</a></li> <li><a href="#using-our-guide">3. Using Our Guide</a></li> <li><a href="#quick-start">4. Quick Start</a></li> <li><a href="#glossary">5. Glossary</a></li> <li><a href="#features">6. Features</a></li> <li><a href="#commands-to-manage-contacts">7. Commands to Manage Contacts</a> <ul><li><a href="#adding-a-contact-add">7.1 Adding a Contact <code class="hljs inline no-lang">add</code></a></li> <li><a href="#deleting-a-contact-delete">7.2 Deleting a Contact <code class="hljs inline no-lang">delete</code></a></li> <li><a href="#finding-a-contact-find">7.3 Finding a Contact <code class="hljs inline no-lang">find</code></a></li> <li><a href="#listing-contacts-list">7.4 Listing all Contacts <code class="hljs inline no-lang">list</code></a></li></ul></li> <li><a href="#commands-to-manage-groups">8. Commands to Manage Groups</a> <ul><li><a href="#adding-a-group-new">8.1 Adding a Group <code class="hljs inline no-lang">new</code></a></li> <li><a href="#deleting-a-group-delete">8.2 Deleting a Group <code class="hljs inline no-lang">delete</code></a></li> <li><a href="#adding-remarks-to-a-group-remark">8.3 Adding remarks to a Group <code class="hljs inline no-lang">remark</code></a></li> <li><a href="#finding-a-group-find">8.4 Finding a Group <code class="hljs inline no-lang">find</code></a></li> <li><a href="#listing-a-group-listgroup">8.5 Listing a Group <code class="hljs inline no-lang">list</code></a></li> <li><a href="#grouping-a-contact-group">8.6 Grouping a Contact <code class="hljs inline no-lang">group</code></a></li> <li><a href="#ungrouping-a-contact-ungroup">8.7 Ungrouping a Contact <code class="hljs inline no-lang">ungroup</code></a></li></ul></li> <li><a href="#commands-to-manage-time">9. Commands to Manage Time</a> <ul><li><a href="#adding-time-to-a-contact-addtime">9.1 Adding Time to a Contact <code class="hljs inline no-lang">addtime</code></a></li> <li><a href="#removing-time-from-a-contact-deletetime">9.2 Removing Time from a Contact <code class="hljs inline no-lang">deletetime</code></a></li> <li><a href="#listing-time-from-a-contact-listtime">9.3 Listing Time from a Contact <code class="hljs inline no-lang">listtime</code></a></li> <li><a href="#add-meeting-to-a-group-addmeeting">9.4 Add Meeting to Group <code class="hljs inline no-lang">addmeeting</code></a></li> <li><a href="#remove-meeting-time-from-a-group-deletetime">9.5 Remove Meeting Time from a Group <code class="hljs inline no-lang">deletetime</code></a></li> <li><a href="#listing-meeting-time-from-a-group-listtime">9.6 Listing Meeting Time from a Group <code class="hljs inline no-lang">listtime</code></a></li> <li><a href="#finding-free-time-of-a-group-findfreetime">9.7 Finding Free Time of a Group <code class="hljs inline no-lang">findfreetime</code></a></li></ul></li> <li><a href="#general-commands">10. General Commands</a> <ul><li><a href="#viewing-help-help">10.1 Viewing Help <code class="hljs inline no-lang">help</code></a></li> <li><a href="#clearing-all-data-clear">10.2 Clearing All Data <code class="hljs inline no-lang">clear</code></a></li> <li><a href="#exit-projectpro-exit">10.3 Exit ProjectPRO <code class="hljs inline no-lang">exit</code></a></li></ul></li></ul> <hr> <h2 id="using-our-guide">Using Our Guide<a href="#using-our-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <hr> <p>This guide explains how you can use ProjectPRO to add contacts and manage your groups of contacts effectively by using our commands.</p> <p>Here are some annotations used in this guide:</p> <p></p> <div style="border-left:4px solid #56494C;background-color:#F1DEC6;color:#000;padding:10px;margin:5px 0;border-radius:6px;"><div style="display:flex;align-items:center;"><img src="/tp/icons/checked.png" width="20" height="20" style="margin-right:5px;"> <h5 id="acceptable-value-s" style="color:#56494C;margin:0 0 5px 0;padding-top:5px;"> Acceptable value(s)<a href="#acceptable-value-s" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5></div> <p style="font-size:13px;color:#000;margin:px 0;"><code>USER_INPUT</code>
     Description of what you are allowed to type.</p></div> <p></p> <div style="border-left:4px solid #d9534f;background-color:#FFD4D4;color:#000;padding:10px;margin:5px 0;border-radius:6px;"><div style="display:flex;align-items:center;"><img src="/tp/icons/exclamation.png" width="20" height="20" style="margin-right:5px;"> <h5 id="warning" style="color:#56494C;margin:0 0 5px 0;padding-top:5px;">Warning<a href="#warning" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5></div> <p style="font-size:13px;color:#000;margin:8px 0;"><code>INLINE_CODE</code>
     Pay attention to these points as they could lead to unexpected issues.</p></div> <hr> <h4 id="first-time-user">First Time User<a href="#first-time-user" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <hr> <p>We are happy to have you on board as a first-time user of ProjectPRO! To get started, visit our <a href="#quick-start">Quick Start</a> to set up ProjectPRO. Once it's done, you can dive into the Features section to explore the full range of commands and learn more about what ProjectPRO has to offer. Refer to the image below to get acquainted with our user interface.</p> <p><a href="/tp/images/UG/Overview_of_GUI.png" target="_self"><img src="/tp/images/UG/Overview_of_GUI.png" alt="Image 1: ProjectPRO's user interface" class="img-fluid"></a></p> <div align="center"><p style="font-size:11px;font-style:italic;">ProjectPRO user interface</p></div> <hr> <h4 id="experienced-user">Experienced User<a href="#experienced-user" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <hr> <p>Welcome back to ProjectPRO. Simply head over to our Features section to gain insights into our commands. If you are looking for a quick reference, click <a href="#table-of-contents">here</a> for our table of contents.</p> <hr> <h2 id="quick-start">Quick Start<a href="#quick-start" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <hr> <ol><li><p>Ensure you have Java 11 or above installed on your computer.</p> <ul><li>Simply go to your terminal and type <code class="hljs inline no-lang">java -version</code>. <a href="/tp/images/UG/QuickStart1.png" target="_self"><img src="/tp/images/UG/QuickStart1.png" alt="here" class="img-fluid"></a></li></ul></li> <li><p>Download the latest ProjectPRO.jar from <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/releases">here</a>.</p> <ul><li><a href="/tp/images/UG/QUICKSTART_2.1.png" target="_self"><img src="/tp/images/UG/QUICKSTART_2.1.png" alt="here" class="img-fluid"></a></li></ul></li> <li><p>Move the JAR file to a folder where you want to store your project details. For example, create a folder named ProjectPRO and place it on your desktop.</p> <ul><li>For Mac Users:
 <ul><li><a href="/tp/images/UG/QUICKSTART3.png" target="_self"><img src="/tp/images/UG/QUICKSTART3.png" alt="MACGUIDE" class="img-fluid"></a></li></ul></li> <li>For Windows Users:
@@ -93,7 +91,7 @@
     No additional input required.</p></div> <p></p> <p><strong>Example(s):</strong></p> <ul><li><p><code class="hljs inline no-lang">clear</code></p> <p>This clears all the data in your contact list.</p></li></ul> <p><a href="/tp/images/features/Generalcommand_clear.png" target="_self"><img src="/tp/images/features/Generalcommand_clear.png" alt="" class="img-fluid"></a></p> <div align="center"><p style="font-size:11px;font-style:italic;">You have cleared all the data in your contact list.</p></div> <p><strong>Potential error(s):</strong></p> <ul><li>Extra inputs detected.</li></ul> <h3 id="exit-projectpro-exit">Exit ProjectPRO: <code class="hljs inline no-lang">exit</code><a href="#exit-projectpro-exit" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>You can exit ProjectPRO.</p> <p><strong>Format:</strong> <code class="hljs inline no-lang">exit</code></p> <p></p> <div style="border-left:4px solid #56494C;background-color:#F1DEC6;color:#000;padding:10px;margin:5px 0;border-radius:6px;"><div style="display:flex;align-items:center;"><img src="/tp/icons/checked.png" width="20" height="20" style="margin-right:5px;"> <h5 id="acceptable-values" style="color:#56494C;margin:0 0 5px 0;padding-top:5px;"> Acceptable values<a href="#acceptable-values" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5></div> <p style="font-size:13px;color:#000;margin:8px 0;">
     No additional input required.</p></div> <p></p> <p><strong>Potential error(s):</strong></p> <ul><li>Extra inputs detected.</li></ul> <hr> <h3 id="saving-the-data">Saving the data<a href="#saving-the-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPRO saves automatically after any command changes the data. There is no need to save manually.</p> <hr> <h3 id="editing-the-data-file">Editing the data file<a href="#editing-the-data-file" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPRO's data are saved automatically as a JSON file <code class="hljs inline no-lang">[JAR file location]/data/addressbook.json</code>. Advanced users are welcome to update data directly by editing that data file.</p> <div style="border-left:4px solid #d9534f;background-color:#FFD4D4;color:#000;padding:10px;margin:5px 0;border-radius:6px;"><div style="display:flex;align-items:center;"><img src="/tp/icons/exclamation.png" width="20" height="20" style="margin-right:5px;"> <h5 id="warning-6" style="color:#56494C;margin:0 0 5px 0;padding-top:5px;">Warning<a href="#warning-6" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h5></div> <p style="font-size:13px;color:#000;margin:8px 0;">
     If your changes to the data file makes its format invalid, ProjectPRO will discard all data and start with a sample data file. Hence, it is recommended to take a backup of the file before editing it.
-</p></div> <p><a href="#table-of-contents">Back to Table of Contents</a></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="#welcome-to-projectpro-s-user-guide" data-v-e6005420>Welcome to ProjectPRO's User Guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#introduction" data-v-e6005420>Introduction‎</a> <a class="nav-link py-1" href="#table-of-contents" data-v-e6005420>Table of Contents‎</a> <a class="nav-link py-1" href="#using-our-guide" data-v-e6005420>Using Our Guide‎</a> <a class="nav-link py-1" href="#quick-start" data-v-e6005420>Quick Start‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a> <a class="nav-link py-1" href="#features" data-v-e6005420>Features‎</a> <a class="nav-link py-1" href="#commands-to-manage-contacts" data-v-e6005420>Commands to Manage Contacts‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#adding-a-contact-add" data-v-e6005420>Adding a contact: add‎</a> <a class="nav-link py-1" href="#deleting-a-contact-delete" data-v-e6005420>Deleting a contact: delete‎</a> <a class="nav-link py-1" href="#finding-a-contact-find" data-v-e6005420>Finding a contact: find‎</a> <a class="nav-link py-1" href="#listing-contacts-list" data-v-e6005420>Listing contacts: list‎</a></nav> <a class="nav-link py-1" href="#commands-to-manage-groups" data-v-e6005420>Commands to Manage Groups‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#adding-a-group-new" data-v-e6005420>Adding a group: new‎</a> <a class="nav-link py-1" href="#deleting-a-group-delete" data-v-e6005420>Deleting a group: delete‎</a> <a class="nav-link py-1" href="#adding-remarks-to-a-group-remark" data-v-e6005420>Adding remarks to a group: remark‎</a> <a class="nav-link py-1" href="#finding-a-group-find" data-v-e6005420>Finding a group: find‎</a> <a class="nav-link py-1" href="#listing-a-group-listgroup" data-v-e6005420>Listing a group: listgroup‎</a> <a class="nav-link py-1" href="#grouping-a-contact-group" data-v-e6005420>Grouping a Contact: group‎</a> <a class="nav-link py-1" href="#ungrouping-a-contact-ungroup" data-v-e6005420>Ungrouping a Contact: ungroup‎</a></nav> <a class="nav-link py-1" href="#commands-to-manage-time" data-v-e6005420>Commands to Manage Time‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#adding-time-to-a-contact-addtime" data-v-e6005420>Adding Time to a Contact: addtime‎</a> <a class="nav-link py-1" href="#removing-time-from-a-contact-deletetime" data-v-e6005420>Removing Time from a Contact: deletetime‎</a> <a class="nav-link py-1" href="#listing-time-from-a-contact-listtime" data-v-e6005420>Listing Time from a Contact: listtime‎</a> <a class="nav-link py-1" href="#add-meeting-to-a-group-addmeeting" data-v-e6005420>Add Meeting to a Group: addmeeting‎</a> <a class="nav-link py-1" href="#remove-meeting-time-from-a-group-deletetime" data-v-e6005420>Remove Meeting Time from a Group: deletetime‎</a> <a class="nav-link py-1" href="#listing-meeting-time-from-a-group-listtime" data-v-e6005420>Listing Meeting Time from a Group: listtime‎</a> <a class="nav-link py-1" href="#finding-free-time-of-a-group-findfreetime" data-v-e6005420>Finding Free Time of a Group: findfreetime‎</a></nav> <a class="nav-link py-1" href="#general-commands" data-v-e6005420>General Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#viewing-help-help" data-v-e6005420>Viewing Help: help‎</a> <a class="nav-link py-1" href="#clearing-all-data-clear" data-v-e6005420>Clearing All Data: clear‎</a> <a class="nav-link py-1" href="#exit-projectpro-exit" data-v-e6005420>Exit ProjectPRO: exit‎</a> <a class="nav-link py-1" href="#saving-the-data" data-v-e6005420>Saving the data‎</a> <a class="nav-link py-1" href="#editing-the-data-file" data-v-e6005420>Editing the data file‎</a></nav></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, 9:11:14 GMT+8]</small></div></footer></div>
+</p></div> <p><a href="#table-of-contents">Back to Table of Contents</a></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="#welcome-to-projectpro-s-user-guide" data-v-e6005420>Welcome to ProjectPRO's User Guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#introduction" data-v-e6005420>Introduction‎</a> <a class="nav-link py-1" href="#table-of-contents" data-v-e6005420>Table of Contents‎</a> <a class="nav-link py-1" href="#using-our-guide" data-v-e6005420>Using Our Guide‎</a> <a class="nav-link py-1" href="#quick-start" data-v-e6005420>Quick Start‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a> <a class="nav-link py-1" href="#features" data-v-e6005420>Features‎</a> <a class="nav-link py-1" href="#commands-to-manage-contacts" data-v-e6005420>Commands to Manage Contacts‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#adding-a-contact-add" data-v-e6005420>Adding a contact: add‎</a> <a class="nav-link py-1" href="#deleting-a-contact-delete" data-v-e6005420>Deleting a contact: delete‎</a> <a class="nav-link py-1" href="#finding-a-contact-find" data-v-e6005420>Finding a contact: find‎</a> <a class="nav-link py-1" href="#listing-contacts-list" data-v-e6005420>Listing contacts: list‎</a></nav> <a class="nav-link py-1" href="#commands-to-manage-groups" data-v-e6005420>Commands to Manage Groups‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#adding-a-group-new" data-v-e6005420>Adding a group: new‎</a> <a class="nav-link py-1" href="#deleting-a-group-delete" data-v-e6005420>Deleting a group: delete‎</a> <a class="nav-link py-1" href="#adding-remarks-to-a-group-remark" data-v-e6005420>Adding remarks to a group: remark‎</a> <a class="nav-link py-1" href="#finding-a-group-find" data-v-e6005420>Finding a group: find‎</a> <a class="nav-link py-1" href="#listing-a-group-listgroup" data-v-e6005420>Listing a group: listgroup‎</a> <a class="nav-link py-1" href="#grouping-a-contact-group" data-v-e6005420>Grouping a Contact: group‎</a> <a class="nav-link py-1" href="#ungrouping-a-contact-ungroup" data-v-e6005420>Ungrouping a Contact: ungroup‎</a></nav> <a class="nav-link py-1" href="#commands-to-manage-time" data-v-e6005420>Commands to Manage Time‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#adding-time-to-a-contact-addtime" data-v-e6005420>Adding Time to a Contact: addtime‎</a> <a class="nav-link py-1" href="#removing-time-from-a-contact-deletetime" data-v-e6005420>Removing Time from a Contact: deletetime‎</a> <a class="nav-link py-1" href="#listing-time-from-a-contact-listtime" data-v-e6005420>Listing Time from a Contact: listtime‎</a> <a class="nav-link py-1" href="#add-meeting-to-a-group-addmeeting" data-v-e6005420>Add Meeting to a Group: addmeeting‎</a> <a class="nav-link py-1" href="#remove-meeting-time-from-a-group-deletetime" data-v-e6005420>Remove Meeting Time from a Group: deletetime‎</a> <a class="nav-link py-1" href="#listing-meeting-time-from-a-group-listtime" data-v-e6005420>Listing Meeting Time from a Group: listtime‎</a> <a class="nav-link py-1" href="#finding-free-time-of-a-group-findfreetime" data-v-e6005420>Finding Free Time of a Group: findfreetime‎</a></nav> <a class="nav-link py-1" href="#general-commands" data-v-e6005420>General Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#viewing-help-help" data-v-e6005420>Viewing Help: help‎</a> <a class="nav-link py-1" href="#clearing-all-data-clear" data-v-e6005420>Clearing All Data: clear‎</a> <a class="nav-link py-1" href="#exit-projectpro-exit" data-v-e6005420>Exit ProjectPRO: exit‎</a> <a class="nav-link py-1" href="#saving-the-data" data-v-e6005420>Saving the data‎</a> <a class="nav-link py-1" href="#editing-the-data-file" data-v-e6005420>Editing the data file‎</a></nav></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, 9:35:50 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 acfcb498546..cfe9f841d11 100644
--- a/UserGuide.page-vue-render.js
+++ b/UserGuide.page-vue-render.js
@@ -1,13 +1,13 @@
 
     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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_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":"#welcome-to-projectpro-s-user-guide"}},[_v("Welcome to ProjectPRO's User 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":"#introduction"}},[_v("Introduction‎")]),_v(" "),_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":"#using-our-guide"}},[_v("Using Our Guide‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#quick-start"}},[_v("Quick Start‎")]),_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":"#features"}},[_v("Features‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#commands-to-manage-contacts"}},[_v("Commands to Manage Contacts‎")]),_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":"#adding-a-contact-add"}},[_v("Adding a contact: add‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-a-contact-delete"}},[_v("Deleting a contact: delete‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#finding-a-contact-find"}},[_v("Finding a contact: find‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-contacts-list"}},[_v("Listing contacts: list‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#commands-to-manage-groups"}},[_v("Commands to Manage Groups‎")]),_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":"#adding-a-group-new"}},[_v("Adding a group: new‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-a-group-delete"}},[_v("Deleting a group: delete‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-remarks-to-a-group-remark"}},[_v("Adding remarks to a group: remark‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#finding-a-group-find"}},[_v("Finding a group: find‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-a-group-listgroup"}},[_v("Listing a group: listgroup‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#grouping-a-contact-group"}},[_v("Grouping a Contact: group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#ungrouping-a-contact-ungroup"}},[_v("Ungrouping a Contact: ungroup‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#commands-to-manage-time"}},[_v("Commands to Manage Time‎")]),_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":"#adding-time-to-a-contact-addtime"}},[_v("Adding Time to a Contact: addtime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#removing-time-from-a-contact-deletetime"}},[_v("Removing Time from a Contact: deletetime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-time-from-a-contact-listtime"}},[_v("Listing Time from a Contact: listtime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#add-meeting-to-a-group-addmeeting"}},[_v("Add Meeting to a Group: addmeeting‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#remove-meeting-time-from-a-group-deletetime"}},[_v("Remove Meeting Time from a Group: deletetime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-meeting-time-from-a-group-listtime"}},[_v("Listing Meeting Time from a Group: listtime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#finding-free-time-of-a-group-findfreetime"}},[_v("Finding Free Time of a Group: findfreetime‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#general-commands"}},[_v("General Commands‎")]),_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":"#viewing-help-help"}},[_v("Viewing Help: help‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#clearing-all-data-clear"}},[_v("Clearing All Data: clear‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#exit-projectpro-exit"}},[_v("Exit ProjectPRO: exit‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#saving-the-data"}},[_v("Saving the data‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#editing-the-data-file"}},[_v("Editing the data file‎")])])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_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":"#welcome-to-projectpro-s-user-guide"}},[_v("Welcome to ProjectPRO's User 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":"#introduction"}},[_v("Introduction‎")]),_v(" "),_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":"#using-our-guide"}},[_v("Using Our Guide‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#quick-start"}},[_v("Quick Start‎")]),_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":"#features"}},[_v("Features‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#commands-to-manage-contacts"}},[_v("Commands to Manage Contacts‎")]),_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":"#adding-a-contact-add"}},[_v("Adding a contact: add‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-a-contact-delete"}},[_v("Deleting a contact: delete‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#finding-a-contact-find"}},[_v("Finding a contact: find‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-contacts-list"}},[_v("Listing contacts: list‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#commands-to-manage-groups"}},[_v("Commands to Manage Groups‎")]),_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":"#adding-a-group-new"}},[_v("Adding a group: new‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-a-group-delete"}},[_v("Deleting a group: delete‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-remarks-to-a-group-remark"}},[_v("Adding remarks to a group: remark‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#finding-a-group-find"}},[_v("Finding a group: find‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-a-group-listgroup"}},[_v("Listing a group: listgroup‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#grouping-a-contact-group"}},[_v("Grouping a Contact: group‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#ungrouping-a-contact-ungroup"}},[_v("Ungrouping a Contact: ungroup‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#commands-to-manage-time"}},[_v("Commands to Manage Time‎")]),_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":"#adding-time-to-a-contact-addtime"}},[_v("Adding Time to a Contact: addtime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#removing-time-from-a-contact-deletetime"}},[_v("Removing Time from a Contact: deletetime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-time-from-a-contact-listtime"}},[_v("Listing Time from a Contact: listtime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#add-meeting-to-a-group-addmeeting"}},[_v("Add Meeting to a Group: addmeeting‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#remove-meeting-time-from-a-group-deletetime"}},[_v("Remove Meeting Time from a Group: deletetime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#listing-meeting-time-from-a-group-listtime"}},[_v("Listing Meeting Time from a Group: listtime‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#finding-free-time-of-a-group-findfreetime"}},[_v("Finding Free Time of a Group: findfreetime‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#general-commands"}},[_v("General Commands‎")]),_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":"#viewing-help-help"}},[_v("Viewing Help: help‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#clearing-all-data-clear"}},[_v("Clearing All Data: clear‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#exit-projectpro-exit"}},[_v("Exit ProjectPRO: exit‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#saving-the-data"}},[_v("Saving the data‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#editing-the-data-file"}},[_v("Editing the data file‎")])])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"welcome-to-projectpro-s-user-guide"}},[_v("Welcome to ProjectPRO's User Guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#welcome-to-projectpro-s-user-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"introduction"}},[_v("Introduction"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#introduction","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Achieve simplicity while optimizing efficiency.")]),_v(" "),_c('p',[_v("ProjectPRO is a desktop application designed to help university students organize their projects. Here is how ProjectPRO can streamline your project management process.")]),_v(" "),_c('ul',[_c('li',[_v("Categorize your contacts into various project groups.")]),_v(" "),_c('li',[_v("Track key information from your projects.")]),_v(" "),_c('li',[_v("Find free time for your group meetings.")])]),_v(" "),_c('p',[_v("ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. ProjectPRO utilizes simple and easy-to-remember commands to execute different tasks, enhancing our user's experience. For instance, adding a contact is executed with a simple "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add")]),_v(" command, as listed in our Features Section. Unlock more time in your day, store your information the smart way.")]),_v(" "),_c('hr'),_v(" "),_c('p',[_c('strong',[_v("New here?")]),_v(" View our instructions for first-time users "),_c('a',{attrs:{"href":"#first-time-user"}},[_v("here")]),_v(".")]),_v(" "),_c('p',[_c('strong',[_v("Used ProjectPRO before?")]),_v(" Click "),_c('a',{attrs:{"href":"#experienced-user"}},[_v("here")]),_v(" to recall what features we have!")]),_v(" "),_c('hr'),_v(" "),_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()"}})]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#introduction"}},[_v("1. Introduction")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#table-of-contents"}},[_v("2. Table of Contents")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#using-our-guide"}},[_v("3. Using Our Guide")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#quick-start"}},[_v("4. Quick Start")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#glossary"}},[_v("5. Glossary")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#features"}},[_v("6. Features")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#commands-to-manage-contacts"}},[_v("7. Commands to Manage Contacts")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#adding-a-contact-add"}},[_v("7.1 Adding a Contact "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#deleting-a-contact-delete"}},[_v("7.2 Deleting a Contact "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#finding-a-contact-find"}},[_v("7.3 Finding a Contact "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#listing-contacts-list"}},[_v("7.4 Listing all Contacts "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list")])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#commands-to-manage-groups"}},[_v("8. Commands to Manage Groups")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#adding-a-group-new"}},[_v("8.1 Adding a Group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("new")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#deleting-a-group-delete"}},[_v("8.2 Deleting a Group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#adding-remarks-to-a-group-remark"}},[_v("8.3 Adding remarks to a Group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("remark")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#finding-a-group-find"}},[_v("8.4 Finding a Group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#listing-a-group-listgroup"}},[_v("8.5 Listing a Group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#grouping-a-contact-group"}},[_v("8.6 Grouping a Contact "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("group")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#ungrouping-a-contact-ungroup"}},[_v("8.7 Ungrouping a Contact "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ungroup")])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#commands-to-manage-time"}},[_v("9. Commands to Manage Time")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#adding-time-to-a-contact-addtime"}},[_v("9.1 Adding Time to a Contact "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addtime")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#removing-time-from-a-contact-deletetime"}},[_v("9.2 Removing Time from a Contact "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletetime")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#listing-time-from-a-contact-listtime"}},[_v("9.3 Listing Time from a Contact "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listtime")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#add-meeting-to-a-group-addmeeting"}},[_v("9.4 Add Meeting to Group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addmeeting")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#remove-meeting-time-from-a-group-deletetime"}},[_v("9.5 Remove Meeting Time from a Group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletetime")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#listing-meeting-time-from-a-group-listtime"}},[_v("9.6 Listing Meeting Time from a Group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listtime")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#finding-free-time-of-a-group-findfreetime"}},[_v("9.7 Finding Free Time of a Group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findfreetime")])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#general-commands"}},[_v("10. General Commands")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"#viewing-help-help"}},[_v("10.1 Viewing Help "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#clearing-all-data-clear"}},[_v("10.2 Clearing All Data "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clear")])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"#exit-projectpro-exit"}},[_v("10.3 Exit ProjectPRO "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("exit")])])])])])]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"using-our-guide"}},[_v("Using Our Guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#using-our-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('hr'),_v(" "),_c('p',[_v("This guide explains how you can use ProjectPRO to add contacts and manage your groups of contacts effectively by using our commands.")]),_v(" "),_c('p',[_v("Here are some annotations used in this guide:")]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("USER_INPUT")]),_v("\n    Description of what you are allowed to type.")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #d9534f","background-color":"#FFD4D4","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/exclamation.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"warning"}},[_v("Warning"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#warning","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #FB9A9A; padding: 2px; border-radius: 2px;"}},[_v("INLINE_CODE")]),_v("\n    Pay attention to these points as they could lead to unexpected issues.")])]),_v(" "),_c('hr'),_v(" "),_c('h4',{attrs:{"id":"first-time-user"}},[_v("First Time User"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#first-time-user","onclick":"event.stopPropagation()"}})]),_v(" "),_c('hr'),_v(" "),_c('p',[_v("We are happy to have you on board as a first-time user of ProjectPRO! To get started, visit our "),_c('a',{attrs:{"href":"#quick-start"}},[_v("Quick Start")]),_v(" to set up ProjectPRO. Once it's done, you can dive into the Features section to explore the full range of commands and learn more about what ProjectPRO has to offer. Refer to the image below to get acquainted with our user interface.")]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/UG/Overview_of_GUI.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/UG/Overview_of_GUI.png","alt":"Image 1: ProjectPRO's user interface"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("ProjectPRO user interface")])]),_v(" "),_c('hr'),_v(" "),_c('h4',{attrs:{"id":"experienced-user"}},[_v("Experienced User"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#experienced-user","onclick":"event.stopPropagation()"}})]),_v(" "),_c('hr'),_v(" "),_c('p',[_v("Welcome back to ProjectPRO. Simply head over to our Features section to gain insights into our commands. If you are looking for a quick reference, click "),_c('a',{attrs:{"href":"#table-of-contents"}},[_v("here")]),_v(" for our table of contents.")]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"quick-start"}},[_v("Quick Start"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#quick-start","onclick":"event.stopPropagation()"}})]),_v(" "),_c('hr'),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Ensure you have Java 11 or above installed on your computer.")]),_v(" "),_c('ul',[_c('li',[_v("Simply go to your terminal and type "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("java -version")]),_v(". "),_c('a',{attrs:{"href":"/tp/images/UG/QuickStart1.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/UG/QuickStart1.png","alt":"here"}})])])])]),_v(" "),_c('li',[_c('p',[_v("Download the latest ProjectPRO.jar from "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/releases"}},[_v("here")]),_v(".")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"/tp/images/UG/QUICKSTART_2.1.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/UG/QUICKSTART_2.1.png","alt":"here"}})])])])]),_v(" "),_c('li',[_c('p',[_v("Move the JAR file to a folder where you want to store your project details. For example, create a folder named ProjectPRO and place it on your desktop.")]),_v(" "),_c('ul',[_c('li',[_v("For Mac Users:\n"),_c('ul',[_c('li',[_c('a',{attrs:{"href":"/tp/images/UG/QUICKSTART3.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/UG/QUICKSTART3.png","alt":"MACGUIDE"}})])])])]),_v(" "),_c('li',[_v("For Windows Users:\n"),_c('ul',[_c('li',[_c('a',{attrs:{"href":"/tp/images/UG/QUICKSTART4.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/UG/QUICKSTART4.png","alt":"WINDOWSGUIDE"}})])])])])])]),_v(" "),_c('li',[_c('p',[_v("Launch ProjectPRO.")]),_v(" "),_c('ol',[_c('li',[_v("Open a command terminal.")]),_v(" "),_c('li',[_v("Type "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("cd Desktop")]),_v(" , followed by "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("cd ProjectPro")]),_v(".")]),_v(" "),_c('li',[_v("Type "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("java -jar ProjectPRO.jar")]),_v(" to run the application.")])])])]),_v(" "),_c('p'),_v("\n5. Start using ProjectPRO!\n"),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"glossary"}},[_v("Glossary"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#glossary","onclick":"event.stopPropagation()"}})]),_v(" "),_c('hr'),_v(" "),_c('p',[_c('strong',[_v("Definitions")])]),_v(" "),_c('p',[_v("Written below are the definitions of the terminology used throughout the User Guide:")]),_v(" "),_c('div',{staticClass:"table-responsive"},[_c('table',{staticClass:"markbind-table table table-bordered table-striped"},[_c('thead',[_c('tr',[_c('th',[_v("Term")]),_v(" "),_c('th',[_v("Definition")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_v("Parameter")]),_v(" "),_c('td',[_v("Parameter indicates the type of information required for a particular command.")])]),_v(" "),_c('tr',[_c('td',[_v("Command")]),_v(" "),_c('td',[_v("A special word used together with parameters to execute a particular action. E.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find")]),_v(".")])]),_v(" "),_c('tr',[_c('td',[_v("GUI")]),_v(" "),_c('td',[_v("Graphical User Interface, the visual display of ProjectPRO.")])])])])]),_c('p',[_c('strong',[_v("Parameter Information")])]),_v(" "),_c('p',[_v("Written below are some commonly used parameters, what they represent, and examples:")]),_v(" "),_c('div',{staticClass:"table-responsive"},[_c('table',{staticClass:"markbind-table table table-bordered table-striped"},[_c('thead',[_c('tr',[_c('th',[_v("Parameter")]),_v(" "),_c('th',[_v("Description")]),_v(" "),_c('th',[_v("Constraints")]),_v(" "),_c('th',[_v("Valid Examples")]),_v(" "),_c('th',[_v("Invalid Examples")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("n/")])]),_v(" "),_c('td',[_v("Contact name of the student")]),_v(" "),_c('td',[_v("Alphanumeric characters (a to z, A to Z, 0 to 9)")]),_v(" "),_c('td',[_v("John Doe, David Li 2")]),_v(" "),_c('td',[_v("Kishen s/o Kasinathan, ナルト, அசிங்கமான")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("p/")])]),_v(" "),_c('td',[_v("Phone number of the student")]),_v(" "),_c('td',[_v("Positive integer with 3 or more digits")]),_v(" "),_c('td',[_v("999, 98765432, 18003569377")]),_v(" "),_c('td',[_v("1-800-356-9377, 0, -1, 98431234.5")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("e/")])]),_v(" "),_c('td',[_v("Email of the student")]),_v(" "),_c('td',[_v("Email prefix: Alphanumeric characters (a to z, A to Z, 0 to 9), @, Email Domain")]),_v(" "),_c('td',[_c('a',{attrs:{"href":"mailto:example@gmail.com"}},[_v("example@gmail.com")]),_v(", "),_c('a',{attrs:{"href":"mailto:example@moe.edu.sg"}},[_v("example@moe.edu.sg")])]),_v(" "),_c('td',[_v("example@!.com, example@moed.edu.s")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("g/")])]),_v(" "),_c('td',[_v("Name of the group")]),_v(" "),_c('td',[_v("Alphanumeric characters (a to z, A to Z, 0 to 9)")]),_v(" "),_c('td',[_v("CS2103T, Group 3")]),_v(" "),_c('td',[_v("Group 3!, 1")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("r/")])]),_v(" "),_c('td',[_v("Group remark")]),_v(" "),_c('td',[_v("N/A")]),_v(" "),_c('td',[_v("Zoom link: CS2101.zoom, 123!@#$#@")]),_v(" "),_c('td',[_v("N/A")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("t/")])]),_v(" "),_c('td',[_v("Time interval of student / group")]),_v(" "),_c('td',[_v("timings are written with the first 3 letters of the day and time in 24 hour format, with a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("-")]),_v(" between the timings. Start time cannot be after end time")]),_v(" "),_c('td',[_v("mon 1300 - mon 1400, sat 1000 - sun 1300")]),_v(" "),_c('td',[_v("monday 1300 - tuesday 1200, wed 1300 - wed 1000")])])])])]),_c('p',[_c('strong',[_v("Command format")])]),_v(" "),_c('p',[_v("Written below are some extra information regarding our command formats:")]),_v(" "),_c('div',{staticClass:"table-responsive"},[_c('table',{staticClass:"markbind-table table table-bordered table-striped"},[_c('thead',[_c('tr',[_c('th',[_v("Format")]),_v(" "),_c('th',[_v("Explanation")]),_v(" "),_c('th',[_v("Examples")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_v("Words in "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("UPPER_CASE")])]),_v(" "),_c('td',[_v("These are values written by you")]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("new g/GROUP_NAME")]),_v(" can be written as new "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("g/CS2103T")])])]),_v(" "),_c('tr',[_c('td',[_v("Items in "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SQUARE_BRACKETS")])]),_v(" "),_c('td',[_v("These are optional values that can be left empty")]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add n/NAME p/PHONE e/EMAIL [g/GROUP_NAME]")]),_v(" can be used as "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add n/John p/999 e/example@gmail.com")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add n/John p/999 e/example@gmail.com g/CS2103")])])]),_v(" "),_c('tr',[_c('td',[_v("Items with "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("...")]),_v(" after them")]),_v(" "),_c('td',[_v("These are values that can be used multiple times")]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addtime n/NAME t/time...")]),_v(" can be used as "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addtime n/John t/mon 1200 - mon 1300 t/tue 1400 - tue 1500")])])])])])]),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/writing.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"notes"}},[_v("Notes"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#notes","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('li',[_v(" All user inputs are "),_c('strong',[_v("case-sensitive")]),_v(", unless stated otherwise.")]),_v(" "),_c('li',[_v(" Command prefixes can be in any order.")])]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"features"}},[_v("Features"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#features","onclick":"event.stopPropagation()"}})]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"commands-to-manage-contacts"}},[_v("Commands to Manage Contacts"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#commands-to-manage-contacts","onclick":"event.stopPropagation()"}})]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"adding-a-contact-add"}},[_v("Adding a contact: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#adding-a-contact-add","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can create a contact in your contact list.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add n/NAME p/PHONE e/EMAIL [g/GROUP_NAME]")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-2"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-2","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("NAME")]),_v("\n    must be alphanumeric, cannot be blank and must not be an existing contact in the contact list.")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("PHONE")]),_v("\n    must be a positive integer with at least 3 digits and must not exist in the contact list.")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("EMAIL")]),_v("\n    must be alphanumeric with a @ domain, end with a domain label at least 2 characters long and must not exist in the contact list.")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must be alphanumeric. This is an "),_c('strong',[_v("optional")]),_v(" parameter.")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add n/John Doe p/98765432 e/johnd@example.com g/CS2103T")]),_c('br'),_v("\nThis creates a contact in the contact list, named John Doe, who is in group CS2103T.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add n/John Doe p/98765432 e/johnd@example.com")]),_c('br'),_v("\nThis creates a contact in the contact list, named John Doe, who is not in any group.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managecontacts_add.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managecontacts_add.png","alt":"Manage Contacts: Add"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have added John Doe to your contacts, at contact number 7.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Incorrect format (e.g., no prefix, duplicate prefixes).")]),_v(" "),_c('li',[_v("The contact you are trying to add already exists in your contact list: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("This person already exists in your contact list")]),_v(".")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"deleting-a-contact-delete"}},[_v("Deleting a contact: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#deleting-a-contact-delete","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can delete a contact from your contact list.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete n/NAME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-3"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-3","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("NAME")]),_v("\n    must be alphanumeric, cannot be blank, and must be an existing contact in the contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete n/John Doe")]),_c('br'),_v("\nThis deletes John Doe from the contact list.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managecontacts_delete.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managecontacts_delete.png","alt":"Manage Contacts: Delete"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have deleted John Doe, previously contact number 7, from your contacts.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Invalid format (e.g., no prefix, duplicate prefixes).")]),_v(" "),_c('li',[_v("The contact you are trying to delete does not exist in your contact list: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("No person with such name found. Please provide the person's full name as in the existing contact list")]),_v(".")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"finding-a-contact-find"}},[_v("Finding a contact: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#finding-a-contact-find","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can find all the contacts from your contact list with the matching keywords.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find n/KEYWORDS_IN_NAME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-4"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-4","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("KEYWORDS_IN_NAME")]),_v("\n    must be alphanumeric and cannot be blank. It is "),_c('strong',[_v("not case-sensitive")]),_v(".")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find n/alex bernice")])]),_v(" "),_c('p',[_v("This displays all the contacts with names containing Alex or Bernice.")])])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managecontacts_find.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managecontacts_find.png","alt":"Manage Contacts: Find"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have found all your contacts with the name Alex or Bernice.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Invalid format (e.g., no prefix, duplicate prefixes).")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"listing-contacts-list"}},[_v("Listing contacts: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#listing-contacts-list","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can list all the contacts in your contact list.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-5"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-5","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_v("\n    No additional input required.")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list")]),_c('br'),_v("\nThis displays all the contacts in the contact list.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managecontacts_list.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managecontacts_list.png","alt":"Manage Contacts: List"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have listed all the contacts in your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Extra inputs detected.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"#table-of-contents"}},[_v("Back to Table of Contents")])]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"commands-to-manage-groups"}},[_v("Commands to Manage Groups"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#commands-to-manage-groups","onclick":"event.stopPropagation()"}})]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"adding-a-group-new"}},[_v("Adding a group: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("new")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#adding-a-group-new","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can create a new group in your contact list.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("new g/GROUP_NAME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-6"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-6","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must be alphanumeric, cannot be blank, and must not be an existing group in your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("new g/CS2103T tp")]),_c('br'),_v("\nThis creates a new group named \"CS2103T tp\".")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managegroup_new.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managegroup_new.png","alt":"Manage Groups: New"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have created a new group called CS2103T tp.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Invalid command format (e.g., no prefix, duplicate prefixes).")]),_v(" "),_c('li',[_v("The group you are trying to add already exists in your contact list: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("This group already exists in the contact list")]),_v(".")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"deleting-a-group-delete"}},[_v("Deleting a group: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#deleting-a-group-delete","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can delete a group in your contact list.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete g/GROUP_NAME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-7"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-7","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must be alphanumeric, cannot be blank and must be an existing group in your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete g/CS2103T tp")]),_c('br'),_v("\nThis deletes the group \"CS2103T tp\" from your contact list, given \"CS2103T tp\" is an existing group in your contact list.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managegroup_delete.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managegroup_delete.png","alt":"Manage Group: Delete"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have deleted the group \"CS2103T tp\" from your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Incorrect format (e.g., no prefix, duplicate prefixes).")]),_v(" "),_c('li',[_v("The group you are trying to delete does not exist in your contact list: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("No group with such name found. Please provide the group's full name as in the existing contact list")]),_v(".")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"adding-remarks-to-a-group-remark"}},[_v("Adding remarks to a group: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("remark")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#adding-remarks-to-a-group-remark","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can add remarks to a group in your contact list.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("remark g/GROUP_NAME r/REMARK")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-8"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-8","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must be alphanumeric, cannot be blank and must be an existing group in your contact list.")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("REMARK")]),_v("\n    can take on any value.")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("remark g/CS2103T r/quiz tomorrow")]),_c('br'),_v("\nThis adds the remark \"quiz tomorrow\" to the existing \"CS2103T\" group in your contact list.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managegroup_remark.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managegroup_remark.png","alt":"Manage Group: Remark"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have added the group remark \"quiz tomorrow\" to the group \"CS2103T\" in your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential errors(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Incorrect format (e.g. no prefix, duplicate prefixes).")]),_v(" "),_c('li',[_v("The group you entered does not exist in your contact list: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("No group with such name found. Please provide the group's full name as in the existing contact list.")])])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"finding-a-group-find"}},[_v("Finding a group: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#finding-a-group-find","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can find a group in your contact list. This allows you to view the group's members and remarks.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find g/GROUP_NAME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-9"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-9","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must be alphanumeric, cannot be blank and must be an existing group in your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find g/CS2103T")]),_c('br'),_v("\nThis returns the members and remarks of the existing \"CS2103T\" group in your contact list.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managegroup_find.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managegroup_find.png","alt":"Manage Group: Find"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You are now able to view all details regarding the group \"CS2103T\" in your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Incorrect format (e.g. no prefix, duplicate prefixes).")]),_v(" "),_c('li',[_v("The group you are trying to find does not exist in your contact list: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("No group with such name found. Please provide the group's full name as in the existing contact list")]),_v(".")])]),_v(" "),_c('h3',{attrs:{"id":"listing-a-group-listgroup"}},[_v("Listing a group: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listgroup")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#listing-a-group-listgroup","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can list all the groups in your contact list.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listgroup")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-10"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-10","onclick":"event.stopPropagation()"}})])]),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_v("\n   No additional parameters.\n")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listgroup")]),_c('br'),_v("\nThis lists all the groups in your contact list.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managegroup_listgroup.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managegroup_listgroup.png","alt":"Manage Group: List Group"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have listed all the groups in your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Extra inputs detected.")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"grouping-a-contact-group"}},[_v("Grouping a Contact: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("group")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#grouping-a-contact-group","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can add an existing contact to an existing group.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("group n/NAME g/GROUP_NAME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-11"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-11","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("NAME")]),_v("\n    must be alphanumeric, cannot be blank, must be an existing contact in your contact list, and must not be a member of "),_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v(".")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must be alphanumeric, cannot be blank, and must be an existing group in your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("group n/Bernice Yu g/CS2103T")]),_c('br'),_v("\nThis adds your contact \"Bernice Yu\" into the group \"CS2103T\".")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managegroup_group.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managegroup_group.png","alt":"Manage Group: Group"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have added \"Bernice Yu\" to the group \"CS2103T\" in your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Incorrect format (e.g., no prefix, duplicate prefixes).")]),_v(" "),_c('li',[_v("The contact you are trying to add is already a member of the group: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Bernice Yu is already in this group: CS2103T")]),_v(".")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"ungrouping-a-contact-ungroup"}},[_v("Ungrouping a Contact: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ungroup")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#ungrouping-a-contact-ungroup","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can remove a contact from a group.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ungroup n/NAME g/GROUP_NAME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-12"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-12","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("NAME")]),_v("\n    must be alphanumeric, cannot be blank, must be an existing contact in your contact list, and must be a member of "),_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v(".")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must be alphanumeric, cannot be blank, and must be an existing group in your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ungroup n/Alex Yeoh g/CS2103T")]),_c('br'),_v("\nThis removes your contact \"Alex Yeoh\" from the group \"CS2103T\".")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managegroup_ungroup.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managegroup_ungroup.png","alt":"Manage Group: Ungroup"}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have removed \"Alex Yeoh\" from the group \"CS2103T\".")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Incorrect format (e.g., no prefix, duplicate prefixes).")]),_v(" "),_c('li',[_v("The contact you are trying to remove is not a member of the group: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Alex Yeoh is not in this group: CS2103T")]),_v(".")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"#table-of-contents"}},[_v("Back to Table of Contents")])]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"commands-to-manage-time"}},[_v("Commands to Manage Time"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#commands-to-manage-time","onclick":"event.stopPropagation()"}})]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"adding-time-to-a-contact-addtime"}},[_v("Adding Time to a Contact: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addtime")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#adding-time-to-a-contact-addtime","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can add time slots when your contacts are available.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addtime n/NAME t/FREE_TIME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-13"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-13","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("    NAME")]),_v("\n     must be alphanumeric, cannot be blank and must be an existing contact in your contact list.\n  ")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("FREE_TIME")]),_v("\n  must be a time slot within the current weekly schedule. E.g. "),_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("Sat 1000 - Mon 1000")]),_v(" is not allowed as the monday here refers to next week, violating the current weekly schedule pattern.")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("FREE_TIME")]),_v("\n  must be a time slot with some duration. E.g. "),_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("Mon 1200 - Mon 1200")]),_v(" is not valid as there is no duration."),_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("Mon 1300- Mon 1400")]),_v(" is valid.\nIt is "),_c('strong',[_v("not case-sensitive")]),_v(".")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #d9534f","background-color":"#FFD4D4","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/exclamation.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"warning-2"}},[_v("Warning"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#warning-2","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #FB9A9A; padding: 2px; border-radius: 2px;"}},[_v("FREE_TIME")]),_v("\n  must not clash with the other inputted/existing time slots of the contact. E.g. If time slot "),_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #FB9A9A; padding: 2px; border-radius: 2px;"}},[_v("Mon 1200 - Mon 1300")]),_v(" has been added, then "),_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #FB9A9A; padding: 2px; border-radius: 2px;"}},[_v("Mon 1300 - Mon 1400")]),_v(" can not be added. \n")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addtime n/Alex Yeoh  t/mon 1400 - mon 1600")]),_c('br'),_v("\nThis adds a time slot when Alex Yeoh is available in your contact list.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managetime_addtime.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managetime_addtime.png","alt":""}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have added the Monday 2 pm - 4 pm timeslot to Alex Yeoh to indicate that he is free during that time.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Contact does not exist in the contact list.")]),_v(" "),_c('li',[_v("The time slot you are trying to add is not valid.")])]),_v(" "),_c('h3',{attrs:{"id":"removing-time-from-a-contact-deletetime"}},[_v("Removing Time from a Contact: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletetime")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#removing-time-from-a-contact-deletetime","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can remove available time slots of your contacts.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletetime n/NAME t/FREE_TIME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-14"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-14","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("    NAME")]),_v("\n     must be alphanumeric, cannot be blank and must be an existing contact in your contact list.\n  ")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("FREE_TIME")]),_v("\n  must match the contact's existing time. It is "),_c('strong',[_v("not case-sensitive")]),_v(".")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #d9534f","background-color":"#FFD4D4","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/exclamation.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"warning-3"}},[_v("Warning"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#warning-3","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #FB9A9A; padding: 2px; border-radius: 2px;"}},[_v("FREE_TIME")]),_v("\n  must not clash with other inputted time slots.")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletetime n/Alex Yeoh  t/mon 1400 - mon 1600")]),_c('br'),_v("\nThis removes a time slot when Alex Yeoh is available from your contact list.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managetime_deletetimecontact.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managetime_deletetimecontact.png","alt":""}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have deleted the Monday 2 pm - 4 pm time slot from Alex Yeoh to indicate that he is not free during that time anymore.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Contact does not exist in the contact list.")]),_v(" "),_c('li',[_v("Time slot does not exist for the contact.")]),_v(" "),_c('li',[_v("Invalid time slot format.")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"listing-time-from-a-contact-listtime"}},[_v("Listing Time from a Contact: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listtime")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#listing-time-from-a-contact-listtime","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You list all available time slots of your contacts.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listtime n/NAME")])]),_v(" "),_c('ul',[_c('li',[_v("Provide the full name of the contact using the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("n/")]),_v(" prefix.")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-15"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-15","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("NAME")]),_v(" \n    must be alphanumeric, cannot be blank and must be an existing contact in your contact list.")])]),_v(" "),_c('p'),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listtime n/Alex Yeoh")]),_c('br'),_v("\nThis lists all time slots when Alex Yeoh is available from your contact list.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managetime_listtimecontact.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managetime_listtimecontact.png","alt":""}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"13px","font-style":"italic"}},[_v("You have listed Alex Yeoh's free times.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Contact does not exist in the contact list.")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"add-meeting-to-a-group-addmeeting"}},[_v("Add Meeting to a Group: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addmeeting")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#add-meeting-to-a-group-addmeeting","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can add a meeting time slot for your group.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addmeeting g/GROUP_NAME t/MEETING_TIME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-16"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-16","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must be alphanumeric, cannot be blank and must be an existing group in your contact list.")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("MEETING_TIME")]),_v("\n    must be a time slot within the weekly schedule and must not clash with the group's existing meeting times.  It is "),_c('strong',[_v("not case-sensitive")]),_v(".")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #d9534f","background-color":"#FFD4D4","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/exclamation.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"warning-4"}},[_v("Warning"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#warning-4","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #FB9A9A; padding: 2px; border-radius: 2px;"}},[_v("MEETING_TIME")]),_v("\n    can be added even if some members are not available for the time slot. Do coordinate with your group members on the most suitable time slots.")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addmeeting g/CS2103T  t/mon 1400 - mon 1600")]),_c('br'),_v("\nThis adds a meeting for the group \"CS2103T\".")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managetime_addmeeting.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managetime_addmeeting.png","alt":""}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"13px","font-style":"italic"}},[_v("You have added a Monday 2 pm - 4 pm meeting for the group \"CS2103T\".")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Group does not exist in the contact list.")]),_v(" "),_c('li',[_v("Invalid time slot format.")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"remove-meeting-time-from-a-group-deletetime"}},[_v("Remove Meeting Time from a Group: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletetime")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#remove-meeting-time-from-a-group-deletetime","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can remove meeting times from your groups.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletetime g/GROUP_NAME t/MEETING_TIME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-17"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-17","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must be alphanumeric, cannot be blank and must be an existing group in your contact list.")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("MEETING_TIME")]),_v("\n    must be a time slot within a weekly schedule and must be an existing meeting slot of the group. It is "),_c('strong',[_v("not case-sensitive")]),_v(".")])]),_v(" "),_c('p'),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletetime g/CS2103T t/mon 1400 - mon 1600")]),_c('br'),_v("\nThis removes a meeting time slot from the group \"CS2103T\".")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managetime_deletetimegroup.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managetime_deletetimegroup.png","alt":""}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"13px","font-style":"italic"}},[_v("You have deleted the Monday 2 pm - 4 pm meeting for the group \"CS2103T\".")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Group does not exist in the contact list.")]),_v(" "),_c('li',[_v("Group does not contain meeting time.")]),_v(" "),_c('li',[_v("Invalid time slot format.")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"listing-meeting-time-from-a-group-listtime"}},[_v("Listing Meeting Time from a Group: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listtime")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#listing-meeting-time-from-a-group-listtime","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You list meeting time for your groups.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listtime g/GROUP_NAME")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-18"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-18","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must be alphanumeric, cannot be blank and must be an existing group in your contact list.")])]),_v(" "),_c('p'),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listtime g/CS2103T")]),_c('br'),_v("\nThis lists all meeting times of the CS2100 group.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managetime_listtimegroup.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managetime_listtimegroup.png","alt":""}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You can see all the meetings you have for CS2103T/p>\n")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Group does not exist in the contact list.")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"finding-free-time-of-a-group-findfreetime"}},[_v("Finding Free Time of a Group: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findfreetime")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#finding-free-time-of-a-group-findfreetime","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can find a meeting time slot for your group where everyone is available.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findfreetime g/GROUP_NAME d/DURATION")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-19"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-19","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must be alphanumeric, cannot be blank and must be an existing group in your contact list.")]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #F0C481; padding: 2px; border-radius: 2px;"}},[_v("DURATION")]),_v("\n    must be a whole number representing the meeting duration in minutes.")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #d9534f","background-color":"#FFD4D4","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/exclamation.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"warning-5"}},[_v("Warning"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#warning-5","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_c('code',{pre:true,attrs:{"style":"color: #555; background-color: #FB9A9A; padding: 2px; border-radius: 2px;"}},[_v("GROUP_NAME")]),_v("\n    must contain contacts with their free time slots. ")])]),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findfreetime g/CS2103T d/60")]),_c('br'),_v("\nThis shows you all possible 60-minute meeting slots for your CS2103T group.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Managetime_findfreetime.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Managetime_findfreetime.png","alt":""}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"13px","font-style":"italic"}},[_v("You are now able to view all possible meeting times of at least 60 minutes for the group \"CS2103T\".")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Group does not exist in the contact list.")]),_v(" "),_c('li',[_v("Contacts in the group did not add their available time slots.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"#table-of-contents"}},[_v("Back to Table of Contents")])]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"general-commands"}},[_v("General Commands"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#general-commands","onclick":"event.stopPropagation()"}})]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"viewing-help-help"}},[_v("Viewing Help: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#viewing-help-help","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can view the link to our User Guide.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-20"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-20","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_v("\n    No additional input required.")])]),_v(" "),_c('p'),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help")])]),_v(" "),_c('p',[_v("This displays the link to the User Guide.")])])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Generalcommand_help.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Generalcommand_help.png","alt":""}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"13px","font-style":"italic"}},[_v("You are now able to copy the URL of the User Guide.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Extra inputs detected.")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"clearing-all-data-clear"}},[_v("Clearing All Data: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clear")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#clearing-all-data-clear","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Clears all entries from the contact list.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clear")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-value-s-21"}},[_v(" Acceptable value(s)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-value-s-21","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_v("\n    No additional input required.")])]),_v(" "),_c('p'),_v(" "),_c('p',[_c('strong',[_v("Example(s):")])]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clear")])]),_v(" "),_c('p',[_v("This clears all the data in your contact list.")])])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/features/Generalcommand_clear.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/features/Generalcommand_clear.png","alt":""}})])]),_v(" "),_c('div',{attrs:{"align":"center"}},[_c('p',{staticStyle:{"font-size":"11px","font-style":"italic"}},[_v("You have cleared all the data in your contact list.")])]),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Extra inputs detected.")])]),_v(" "),_c('h3',{attrs:{"id":"exit-projectpro-exit"}},[_v("Exit ProjectPRO: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("exit")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#exit-projectpro-exit","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can exit ProjectPRO.")]),_v(" "),_c('p',[_c('strong',[_v("Format:")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("exit")])]),_v(" "),_c('p'),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #56494C","background-color":"#F1DEC6","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/checked.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"acceptable-values"}},[_v(" Acceptable values"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acceptable-values","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_v("\n    No additional input required.")])]),_v(" "),_c('p'),_v(" "),_c('p',[_c('strong',[_v("Potential error(s):")])]),_v(" "),_c('ul',[_c('li',[_v("Extra inputs detected.")])]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"saving-the-data"}},[_v("Saving the data"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#saving-the-data","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ProjectPRO saves automatically after any command changes the data. There is no need to save manually.")]),_v(" "),_c('hr'),_v(" "),_c('h3',{attrs:{"id":"editing-the-data-file"}},[_v("Editing the data file"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#editing-the-data-file","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ProjectPRO's data are saved automatically as a JSON file "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("[JAR file location]/data/addressbook.json")]),_v(". Advanced users are welcome to update data directly by editing that data file.")]),_v(" "),_c('div',{staticStyle:{"border-left":"4px solid #d9534f","background-color":"#FFD4D4","color":"#000","padding":"10px","margin":"5px 0","border-radius":"6px"}},[_c('div',{staticStyle:{"display":"flex","align-items":"center"}},[_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":"/tp/icons/exclamation.png","width":"20","height":"20"}}),_v(" "),_c('h5',{staticStyle:{"color":"#56494C","margin":"0 0 5px 0","padding-top":"5px"},attrs:{"id":"warning-6"}},[_v("Warning"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#warning-6","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('p',{staticStyle:{"font-size":"13px","color":"#000","margin":"8px 0"}},[_v("\n    If your changes to the data file makes its format invalid, ProjectPRO will discard all data and start with a sample data file. Hence, it is recommended to take a backup of the file before editing it.\n")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"#table-of-contents"}},[_v("Back to Table of Contents")])])])}
 },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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/diagrams/ListCommandSequenceDiagram.png b/diagrams/ListCommandSequenceDiagram.png
index 3e77fe83592..b33fa5a366c 100644
Binary files a/diagrams/ListCommandSequenceDiagram.png and b/diagrams/ListCommandSequenceDiagram.png differ
diff --git a/index.html b/index.html
index 88c11087aee..96871521fd8 100644
--- a/index.html
+++ b/index.html
@@ -22,9 +22,7 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="projectpro">ProjectPRO<a href="#projectpro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><a href="https://github.com/se-edu/addressbook-level3/actions"><img src="https://github.com/se-edu/addressbook-level3/workflows/Java%20CI/badge.svg" alt="CI Status" class="img-fluid"></a> <a href="https://codecov.io/gh/se-edu/addressbook-level3"><img src="https://codecov.io/gh/se-edu/addressbook-level3/branch/master/graph/badge.svg" 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>AddressBook is a desktop application for managing your contact details.</strong> While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).</p> <ul><li>If you are interested in using AddressBook, head over to the <a href="/tp/UserGuide.html#quick-start"><em>Quick Start</em> section of the <strong>User Guide</strong></a>.</li> <li>If you are interested about developing AddressBook, 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, 9:11:14 GMT+8]</small></div></footer></div>
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="projectpro">ProjectPRO<a href="#projectpro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><a href="https://github.com/se-edu/addressbook-level3/actions"><img src="https://github.com/se-edu/addressbook-level3/workflows/Java%20CI/badge.svg" alt="CI Status" class="img-fluid"></a> <a href="https://codecov.io/gh/se-edu/addressbook-level3"><img src="https://codecov.io/gh/se-edu/addressbook-level3/branch/master/graph/badge.svg" 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>AddressBook is a desktop application for managing your contact details.</strong> While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).</p> <ul><li>If you are interested in using AddressBook, head over to the <a href="/tp/UserGuide.html#quick-start"><em>Quick Start</em> section of the <strong>User Guide</strong></a>.</li> <li>If you are interested about developing AddressBook, 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, 9:35:50 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 e09fef7a8c4..a79b82b1898 100644
--- a/index.page-vue-render.js
+++ b/index.page-vue-render.js
@@ -1,13 +1,13 @@
 
     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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"projectpro"}},[_v("ProjectPRO"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#projectpro","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_c('a',{attrs:{"href":"https://github.com/se-edu/addressbook-level3/actions"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://github.com/se-edu/addressbook-level3/workflows/Java%20CI/badge.svg","alt":"CI Status"}})]),_v(" "),_c('a',{attrs:{"href":"https://codecov.io/gh/se-edu/addressbook-level3"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://codecov.io/gh/se-edu/addressbook-level3/branch/master/graph/badge.svg","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("AddressBook is a desktop application for managing your contact details.")]),_v(" While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).")]),_v(" "),_c('ul',[_c('li',[_v("If you are interested in using AddressBook, head over to the "),_c('a',{attrs:{"href":"/tp/UserGuide.html#quick-start"}},[_c('em',[_v("Quick Start")]),_v(" section of the "),_c('strong',[_v("User Guide")])]),_v(".")]),_v(" "),_c('li',[_v("If you are interested about developing AddressBook, 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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/coderhuang559.html b/team/coderhuang559.html
index d394548ca6e..3492feadc3b 100644
--- a/team/coderhuang559.html
+++ b/team/coderhuang559.html
@@ -22,11 +22,9 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h3 id="project-projectpro">Project: ProjectPRO<a href="#project-projectpro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPRO 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.</p> <p>Given below are my contributions to the project.</p> <ul><li><p><strong>New Feature</strong>: Added the ability to remove a person from a group.</p> <ul><li>What it does: Allows the user to remove people from groups so that they can accurately keep track of any changes in their groupings. This function also provides a convenient way for users to remove members from a group should they add them by mistake.</li> <li>Justification: This is a core feature which improves the product significantly because it will help our target audience, university students, keep track of their groups and members involved should there be any changes after creating the group.</li> <li>Highlights: This feature required an in-depth analysis of design principles. Since it involved a new class of objects, it required careful planning and utilising of OOP principles.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to add remarks to a group.</p> <ul><li>What it does: Allows the user to add remarks to groups.</li> <li>Justification: This feature improves the product significantly because a user can keep track of specific details of each group to better manage their projects.</li> <li>Highlights: This enhancement required an in-depth analysis of the existing classes and parser. As this function involved a new class of objects, and required the creation of a new class of object, it required the careful planning and utilising of OOP principles. We considered allowing the users to edit current remarks, but decided that it could be confusing to implement it in a user-friendly way, and could cause inconvenience if the remark is too long, or if they want to make extensive changes to the remark.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to list the free times of a person or a group.</p> <ul><li>What it does: Allows the user to see the existing free times and meeting times of the people and groups in their contact list, so that they can better keep track of their contacts' and groups' schedules.</li> <li>Justification: This feature improves the product significantly as without it, users would not be able to keep track of their group members' free times or their groups' meeting times.</li> <li>Highlights: This enhancement required the in-depth analysis of the existing classes and storage formats. As this function is purely for users to see the time intervals, it required careful consideration to produce the most user-friendly and comprehensible output result. We considered many formats for showing the times, but ultimately settled on the current as it is the most readable and informative at the same time.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to add meeting times to a group.</p> <ul><li>What it does: Allows the user to add meeting times to the groups in their contact list, so that they can record and track all meeting times of all groups in one place.</li> <li>Justification: This feature improves the product significantly as without it, users would not be able to track all the meeting times of their groups.</li> <li>Highlights: This enhancement required the in-depth analysis of the existing classes. We considered limiting the acceptable times to be ones where everyone is free, or strictly non-clashing, but decided against these as ultimately, we want this feature to be for the user's convenience and setting so many boundaries would inconvenience them instead.</li></ul></li> <li><p><strong>Code contributed</strong>: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/#/widget/?search=&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;tabOpen=true&amp;tabType=authorship&amp;tabAuthor=coderhuang559&amp;tabRepo=AY2324S1-CS2103T-T10-3%2Ftp%5Bmaster%5D&amp;authorshipIsMergeGroup=false&amp;authorshipFileTypes=docs~functional-code~test-code&amp;authorshipIsBinaryFileTypeChecked=false&amp;authorshipIsIgnoredFilesChecked=false&amp;chartGroupIndex=36&amp;chartIndex=1">RepoSense link</a></p></li> <li><p><strong>Project management</strong>:</p> <ul><li>Managed releases <code class="hljs inline no-lang">v1.3.0</code> - <code class="hljs inline no-lang">v1.4.1</code> (6 releases) on GitHub</li></ul></li> <li><p><strong>Documentation</strong>:</p> <ul><li>User Guide:
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h3 id="project-projectpro">Project: ProjectPRO<a href="#project-projectpro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPRO 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.</p> <p>Given below are my contributions to the project.</p> <ul><li><p><strong>New Feature</strong>: Added the ability to remove a person from a group.</p> <ul><li>What it does: Allows the user to remove people from groups so that they can accurately keep track of any changes in their groupings. This function also provides a convenient way for users to remove members from a group should they add them by mistake.</li> <li>Justification: This is a core feature which improves the product significantly because it will help our target audience, university students, keep track of their groups and members involved should there be any changes after creating the group.</li> <li>Highlights: This feature required an in-depth analysis of design principles. Since it involved a new class of objects, it required careful planning and utilising of OOP principles.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to add remarks to a group.</p> <ul><li>What it does: Allows the user to add remarks to groups.</li> <li>Justification: This feature improves the product significantly because a user can keep track of specific details of each group to better manage their projects.</li> <li>Highlights: This enhancement required an in-depth analysis of the existing classes and parser. As this function involved a new class of objects, and required the creation of a new class of object, it required the careful planning and utilising of OOP principles. We considered allowing the users to edit current remarks, but decided that it could be confusing to implement it in a user-friendly way, and could cause inconvenience if the remark is too long, or if they want to make extensive changes to the remark.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to list the free times of a person or a group.</p> <ul><li>What it does: Allows the user to see the existing free times and meeting times of the people and groups in their contact list, so that they can better keep track of their contacts' and groups' schedules.</li> <li>Justification: This feature improves the product significantly as without it, users would not be able to keep track of their group members' free times or their groups' meeting times.</li> <li>Highlights: This enhancement required the in-depth analysis of the existing classes and storage formats. As this function is purely for users to see the time intervals, it required careful consideration to produce the most user-friendly and comprehensible output result. We considered many formats for showing the times, but ultimately settled on the current as it is the most readable and informative at the same time.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to add meeting times to a group.</p> <ul><li>What it does: Allows the user to add meeting times to the groups in their contact list, so that they can record and track all meeting times of all groups in one place.</li> <li>Justification: This feature improves the product significantly as without it, users would not be able to track all the meeting times of their groups.</li> <li>Highlights: This enhancement required the in-depth analysis of the existing classes. We considered limiting the acceptable times to be ones where everyone is free, or strictly non-clashing, but decided against these as ultimately, we want this feature to be for the user's convenience and setting so many boundaries would inconvenience them instead.</li></ul></li> <li><p><strong>Code contributed</strong>: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/#/widget/?search=&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;tabOpen=true&amp;tabType=authorship&amp;tabAuthor=coderhuang559&amp;tabRepo=AY2324S1-CS2103T-T10-3%2Ftp%5Bmaster%5D&amp;authorshipIsMergeGroup=false&amp;authorshipFileTypes=docs~functional-code~test-code&amp;authorshipIsBinaryFileTypeChecked=false&amp;authorshipIsIgnoredFilesChecked=false&amp;chartGroupIndex=36&amp;chartIndex=1">RepoSense link</a></p></li> <li><p><strong>Project management</strong>:</p> <ul><li>Managed releases <code class="hljs inline no-lang">v1.3.0</code> - <code class="hljs inline no-lang">v1.4.1</code> (6 releases) on GitHub</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">deletetime</code> for contacts, <code class="hljs inline no-lang">listtime</code> for contacts, <code class="hljs inline no-lang">addmeeting</code> and <code class="hljs inline no-lang">deletetime</code> for groups. <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/144">#144</a></li></ul></li> <li>Developer Guide:
-<ul><li>Added implementation details of the <code class="hljs inline no-lang">remark</code>, <code class="hljs inline no-lang">listtime</code> for contacts and groups, <code class="hljs inline no-lang">addtime</code>, and <code class="hljs inline no-lang">addmeeting</code> features <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/270/files">#270</a>.</li> <li>Added activity and sequence diagrams for the above functions.</li></ul></li></ul></li> <li><p><strong>Contributions beyond project team</strong></p> <ul><li>Meticulously review other groups work and provided feedback on potential bugs and how they could improve their product <a href="https://github.com/coderhuang559/ped/tree/main/files">here</a>.</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 9:11:14 GMT+8]</small></div></footer></div>
+<ul><li>Added implementation details of the <code class="hljs inline no-lang">remark</code>, <code class="hljs inline no-lang">listtime</code> for contacts and groups, <code class="hljs inline no-lang">addtime</code>, and <code class="hljs inline no-lang">addmeeting</code> features <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/270/files">#270</a>.</li> <li>Added activity and sequence diagrams for the above functions.</li></ul></li></ul></li> <li><p><strong>Contributions beyond project team</strong></p> <ul><li>Meticulously review other groups work and provided feedback on potential bugs and how they could improve their product <a href="https://github.com/coderhuang559/ped/tree/main/files">here</a>.</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 9:35:50 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/coderhuang559.page-vue-render.js b/team/coderhuang559.page-vue-render.js
index 68451615e57..481797068b4 100644
--- a/team/coderhuang559.page-vue-render.js
+++ b/team/coderhuang559.page-vue-render.js
@@ -1,13 +1,13 @@
 
     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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-projectpro"}},[_v("Project: ProjectPRO"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-projectpro","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ProjectPRO 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.")]),_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 remove a person from a group.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Allows the user to remove people from groups so that they can accurately keep track of any changes in their groupings. This function also provides a convenient way for users to remove members from a group should they add them by mistake.")]),_v(" "),_c('li',[_v("Justification: This is a core feature which improves the product significantly because it will help our target audience, university students, keep track of their groups and members involved should there be any changes after creating the group.")]),_v(" "),_c('li',[_v("Highlights: This feature required an in-depth analysis of design principles. Since it involved a new class of objects, it required careful planning and utilising of OOP principles.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": Added the ability to add remarks to a group.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Allows the user to add remarks to groups.")]),_v(" "),_c('li',[_v("Justification: This feature improves the product significantly because a user can keep track of specific details of each group to better manage their projects.")]),_v(" "),_c('li',[_v("Highlights: This enhancement required an in-depth analysis of the existing classes and parser. As this function involved a new class of objects, and required the creation of a new class of object, it required the careful planning and utilising of OOP principles. We considered allowing the users to edit current remarks, but decided that it could be confusing to implement it in a user-friendly way, and could cause inconvenience if the remark is too long, or if they want to make extensive changes to the remark.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": Added the ability to list the free times of a person or a group.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Allows the user to see the existing free times and meeting times of the people and groups in their contact list, so that they can better keep track of their contacts' and groups' schedules.")]),_v(" "),_c('li',[_v("Justification: This feature improves the product significantly as without it, users would not be able to keep track of their group members' free times or their groups' meeting times.")]),_v(" "),_c('li',[_v("Highlights: This enhancement required the in-depth analysis of the existing classes and storage formats. As this function is purely for users to see the time intervals, it required careful consideration to produce the most user-friendly and comprehensible output result. We considered many formats for showing the times, but ultimately settled on the current as it is the most readable and informative at the same time.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": Added the ability to add meeting times to a group.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Allows the user to add meeting times to the groups in their contact list, so that they can record and track all meeting times of all groups in one place.")]),_v(" "),_c('li',[_v("Justification: This feature improves the product significantly as without it, users would not be able to track all the meeting times of their groups.")]),_v(" "),_c('li',[_v("Highlights: This enhancement required the in-depth analysis of the existing classes. We considered limiting the acceptable times to be ones where everyone is free, or strictly non-clashing, but decided against these as ultimately, we want this feature to be for the user's convenience and setting so many boundaries would inconvenience them instead.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(": "),_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/#/widget/?search=&sort=groupTitle&sortWithin=title&timeframe=commit&mergegroup=&groupSelect=groupByRepos&breakdown=true&checkedFileTypes=docs~functional-code~test-code&since=2023-09-22&tabOpen=true&tabType=authorship&tabAuthor=coderhuang559&tabRepo=AY2324S1-CS2103T-T10-3%2Ftp%5Bmaster%5D&authorshipIsMergeGroup=false&authorshipFileTypes=docs~functional-code~test-code&authorshipIsBinaryFileTypeChecked=false&authorshipIsIgnoredFilesChecked=false&chartGroupIndex=36&chartIndex=1"}},[_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.0")]),_v(" - "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("v1.4.1")]),_v(" (6 releases) on GitHub")])])]),_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("deletetime")]),_v(" for contacts, "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listtime")]),_v(" for contacts, "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addmeeting")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deletetime")]),_v(" for groups. "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/144"}},[_v("#144")])])])]),_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("remark")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listtime")]),_v(" for contacts and groups, "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addtime")]),_v(", and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addmeeting")]),_v(" features "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/270/files"}},[_v("#270")]),_v(".")]),_v(" "),_c('li',[_v("Added activity and sequence diagrams for the above functions.")])])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions beyond project team")])]),_v(" "),_c('ul',[_c('li',[_v("Meticulously review other groups work and provided feedback on potential bugs and how they could improve their product "),_c('a',{attrs:{"href":"https://github.com/coderhuang559/ped/tree/main/files"}},[_v("here")]),_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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/kailash201.html b/team/kailash201.html
index c6588f02e04..cc292e00a81 100644
--- a/team/kailash201.html
+++ b/team/kailash201.html
@@ -22,12 +22,10 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h3 id="project-projectpro">Project: ProjectPRO<a href="#project-projectpro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPRO is a desktop application designed to help university students organize their projects. ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. Utilizing simple and easy-to-remember commands to execute different tasks, it helps users streamline their project management.</p> <p>Given below are my contributions to the project.</p> <ul><li><p><strong>New Feature</strong>: Added the ability to allow user add free time interval into their contacts.</p> <ul><li>What it does: allows the user to add non-clashing free time interval into their contacts.</li> <li>Justification: This feature allows the user to see when their contacts or group mates are free. A lot of consideration was gone through in deciding whether we should allow user to add overlapping time intervals or not overlapping time interval. In the end it was decided to be non-clashing free time interval to reduce the complexity needed to support the <code class="hljs inline no-lang">findfreetime</code> feature.</li> <li>Highlights: This feature needed to ensure that the time interval added to a contact by the user does not clash with other time interval that contact has. An algorithm was made to detect any clashes in the time interval. In addition to that, this feature allows multiple non-clashing time intervals to be added in a single input. Due to that, a lot of challenges were faced in the parsing logic as making it convenient for the user in terms of input will open up room for more invalid errors. However, these errors were managed.</li></ul></li> <li><p><strong>Code contributed</strong>: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;chartGroupIndex=36&amp;chartIndex=2%23%2F%23%2F">RepoSense link</a></p></li> <li><p><strong>Project management</strong>:</p> <ul><li>Managed releases <code class="hljs inline no-lang">v1.3.0</code> - <code class="hljs inline no-lang">v1.4.1</code> (6 releases) on GitHub</li></ul></li> <li><p><strong>Enhancements to existing features</strong>:
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h3 id="project-projectpro">Project: ProjectPRO<a href="#project-projectpro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPRO is a desktop application designed to help university students organize their projects. ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. Utilizing simple and easy-to-remember commands to execute different tasks, it helps users streamline their project management.</p> <p>Given below are my contributions to the project.</p> <ul><li><p><strong>New Feature</strong>: Added the ability to allow user add free time interval into their contacts.</p> <ul><li>What it does: allows the user to add non-clashing free time interval into their contacts.</li> <li>Justification: This feature allows the user to see when their contacts or group mates are free. A lot of consideration was gone through in deciding whether we should allow user to add overlapping time intervals or not overlapping time interval. In the end it was decided to be non-clashing free time interval to reduce the complexity needed to support the <code class="hljs inline no-lang">findfreetime</code> feature.</li> <li>Highlights: This feature needed to ensure that the time interval added to a contact by the user does not clash with other time interval that contact has. An algorithm was made to detect any clashes in the time interval. In addition to that, this feature allows multiple non-clashing time intervals to be added in a single input. Due to that, a lot of challenges were faced in the parsing logic as making it convenient for the user in terms of input will open up room for more invalid errors. However, these errors were managed.</li></ul></li> <li><p><strong>Code contributed</strong>: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;chartGroupIndex=36&amp;chartIndex=2%23%2F%23%2F">RepoSense link</a></p></li> <li><p><strong>Project management</strong>:</p> <ul><li>Managed releases <code class="hljs inline no-lang">v1.3.0</code> - <code class="hljs inline no-lang">v1.4.1</code> (6 releases) on GitHub</li></ul></li> <li><p><strong>Enhancements to existing features</strong>:
 <strong>Improving <code class="hljs inline no-lang">Add</code> feature</strong>: Added the ability to allow the user to add an optional Group name along with other attributes.</p> <ul><li>What it does: Allows the user to add contact into the contact list and add that contact to the group at the same time.</li> <li>Justification: This feature makes it convenient for the user to add their new contacts into the group at the same time with just one command.</li> <li>Highlights: This feature needed to handle input when there is no group name type and when there is group name type. It also needed to ensure that when the group name is typed, the contact needed to be added inside the <code class="hljs inline no-lang">uniquePersonList</code> and the group inside the <code class="hljs inline no-lang">addressbook#grouplist</code> if the group does not exist. It also needed to ensure that in the group was added into contact and the contact was added into the group because group and contact are dependent with one another.</li></ul></li> <li><p><strong>Updated the GUI to fit ProjectPRO requirements</strong> (Pull requests <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/70">#70</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/100">#100</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/136">#136</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/137">#136</a>)</p> <ul><li>Justification: This update allows the user to see a weekly schedule and track when their next group meeting is.</li> <li>Highlights: The challenges faced was converting the data to GUI friendly and ensuring the GUI gets updated when new group meeting time was added to a group</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">list</code>, <code class="hljs inline no-lang">new</code>, <code class="hljs inline no-lang">delete</code>, <code class="hljs inline no-lang">find</code>. <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/146">#145</a></li> <li>Made some updates to the documentation for the final release. <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/290">#290</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/277">#277</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/271">#271</a></li></ul></li> <li>Developer Guide:
-<ul><li>Added implementation details of the <code class="hljs inline no-lang">add</code> and <code class="hljs inline no-lang">addtime</code>feature. [#271] (<a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/271/files">https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/271/files</a>)</li> <li>Made diagrams for <code class="hljs inline no-lang">add</code> and <code class="hljs inline no-lang">addtime</code> feature.</li> <li>Updated old architecture models to projectPROs implementation for <code class="hljs inline no-lang">model</code> and <code class="hljs inline no-lang">UI</code> <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/263/files">#263</a></li> <li>Added and updated the planned enhancements section. <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/248/files">#248</a></li></ul></li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>Reported bugs and suggestions for other teams in the class (examples: <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/232">1</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/231">2</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/234">3</a>)</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 9:11:14 GMT+8]</small></div></footer></div>
+<ul><li>Added implementation details of the <code class="hljs inline no-lang">add</code> and <code class="hljs inline no-lang">addtime</code>feature. [#271] (<a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/271/files">https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/271/files</a>)</li> <li>Made diagrams for <code class="hljs inline no-lang">add</code> and <code class="hljs inline no-lang">addtime</code> feature.</li> <li>Updated old architecture models to projectPROs implementation for <code class="hljs inline no-lang">model</code> and <code class="hljs inline no-lang">UI</code> <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/263/files">#263</a></li> <li>Added and updated the planned enhancements section. <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/248/files">#248</a></li></ul></li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>Reported bugs and suggestions for other teams in the class (examples: <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/232">1</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/231">2</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/234">3</a>)</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 9:35:50 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/kailash201.page-vue-render.js b/team/kailash201.page-vue-render.js
index 54971fb5f9c..5b116720401 100644
--- a/team/kailash201.page-vue-render.js
+++ b/team/kailash201.page-vue-render.js
@@ -1,13 +1,13 @@
 
     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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-projectpro"}},[_v("Project: ProjectPRO"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-projectpro","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ProjectPRO is a desktop application designed to help university students organize their projects. ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. Utilizing simple and easy-to-remember commands to execute different tasks, it helps users streamline their project management.")]),_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 allow user add free time interval into their contacts.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: allows the user to add non-clashing free time interval into their contacts.")]),_v(" "),_c('li',[_v("Justification: This feature allows the user to see when their contacts or group mates are free. A lot of consideration was gone through in deciding whether we should allow user to add overlapping time intervals or not overlapping time interval. In the end it was decided to be non-clashing free time interval to reduce the complexity needed to support the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findfreetime")]),_v(" feature.")]),_v(" "),_c('li',[_v("Highlights: This feature needed to ensure that the time interval added to a contact by the user does not clash with other time interval that contact has. An algorithm was made to detect any clashes in the time interval. In addition to that, this feature allows multiple non-clashing time intervals to be added in a single input. Due to that, a lot of challenges were faced in the parsing logic as making it convenient for the user in terms of input will open up room for more invalid errors. However, these errors were managed.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(": "),_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=&sort=groupTitle&sortWithin=title&timeframe=commit&mergegroup=&groupSelect=groupByRepos&breakdown=true&checkedFileTypes=docs~functional-code~test-code&since=2023-09-22&chartGroupIndex=36&chartIndex=2%23%2F%23%2F"}},[_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.0")]),_v(" - "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("v1.4.1")]),_v(" (6 releases) on GitHub")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Enhancements to existing features")]),_v(":\n"),_c('strong',[_v("Improving "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Add")]),_v(" feature")]),_v(": Added the ability to allow the user to add an optional Group name along with other attributes.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Allows the user to add contact into the contact list and add that contact to the group at the same time.")]),_v(" "),_c('li',[_v("Justification: This feature makes it convenient for the user to add their new contacts into the group at the same time with just one command.")]),_v(" "),_c('li',[_v("Highlights: This feature needed to handle input when there is no group name type and when there is group name type. It also needed to ensure that when the group name is typed, the contact needed to be added inside the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("uniquePersonList")]),_v(" and the group inside the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addressbook#grouplist")]),_v(" if the group does not exist. It also needed to ensure that in the group was added into contact and the contact was added into the group because group and contact are dependent with one another.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Updated the GUI to fit ProjectPRO requirements")]),_v(" (Pull requests "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/70"}},[_v("#70")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/100"}},[_v("#100")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/136"}},[_v("#136")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/137"}},[_v("#136")]),_v(")")]),_v(" "),_c('ul',[_c('li',[_v("Justification: This update allows the user to see a weekly schedule and track when their next group meeting is.")]),_v(" "),_c('li',[_v("Highlights: The challenges faced was converting the data to GUI friendly and ensuring the GUI gets updated when new group meeting time was added to a group")])])]),_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("list")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("new")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find")]),_v(". "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/146"}},[_v("#145")])]),_v(" "),_c('li',[_v("Made some updates to the documentation for the final release. "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/290"}},[_v("#290")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/277"}},[_v("#277")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/271"}},[_v("#271")])])])]),_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("add")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addtime")]),_v("feature. [#271] ("),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/271/files"}},[_v("https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/271/files")]),_v(")")]),_v(" "),_c('li',[_v("Made diagrams for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addtime")]),_v(" feature.")]),_v(" "),_c('li',[_v("Updated old architecture models to projectPROs implementation for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("model")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("UI")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/263/files"}},[_v("#263")])]),_v(" "),_c('li',[_v("Added and updated the planned enhancements section. "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/248/files"}},[_v("#248")])])])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Community")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Reported bugs and suggestions for other teams in the class (examples: "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/232"}},[_v("1")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/231"}},[_v("2")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/234"}},[_v("3")]),_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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/lerxuann.html b/team/lerxuann.html
index 851038fd4a1..30ad9613229 100644
--- a/team/lerxuann.html
+++ b/team/lerxuann.html
@@ -22,11 +22,9 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h3 id="project-projectpro">Project: ProjectPRO<a href="#project-projectpro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPRO is a desktop application designed to help university students organize their projects. ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. Utilizing simple and easy-to-remember commands to execute different tasks, it helps users streamline their project management.</p> <p>Given below are my contributions to the project.</p> <ul><li><p><strong>New Feature</strong>: Added the ability to delete added contacts.</p> <ul><li>What it does: allows the user to delete contacts added into the address book.</li> <li>Justification: This is a core feature that improves the product significantly because a user may want to remove contacts that they no longer want to keep track of.</li> <li>Highlights: This enhancement affected existing commands (deleting contacts needed to remove them from the groups they were part of as well) and commands to be added in future (deleting added groups). It required utilising of OOP principles and the creation of an abstract class, as the 'delete' command word had to be shared between commands.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to delete added groups.</p> <ul><li>What it does: allows the user to delete groups added into the address book, removing any members from those groups as well.</li> <li>Justification: This is a core feature that improves the product significantly because a user may want to remove groups or projects that they no longer want to keep track of.</li> <li>Highlights: Aside from the creation of an abstract class, as the 'delete' command word had to be shared between commands, this enhancement required the utilising of OOP principles as it involved the accessing and sharing of data between the group and person classes.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to find groups.</p> <ul><li>What it does: allows the user to view members of the specified group, as well as the group remarks.</li> <li>Justification: This is a feature that improves the product significantly because a user can then filter the address book to view the information of only the relevant contacts. They can also see the remarks that they had added into the groups beforehand.</li> <li>Highlights: This enhancement affected existing commands (finding contacts by keywords). It required utilising of OOP principles and the creation of an abstract class, as the 'find' command word had to be shared between commands.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to list all groups.</p> <ul><li>What it does: allows the user to view all the groups currently added into the address book, to keep better track of them.</li> <li>Justification: This is a feature that improves the product because a user can then better track and manage the groups or projects that they have.</li></ul></li> <li><p><strong>Code contributed</strong>: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/#/widget/?search=&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;chartGroupIndex=36&amp;chartIndex=0">RepoSense link</a></p></li> <li><p><strong>Project management</strong>:</p> <ul><li>Managed releases <code class="hljs inline no-lang">v1.3.0</code> - <code class="hljs inline no-lang">v1.4.1</code> (6 releases) on GitHub</li></ul></li> <li><p><strong>Enhancements to existing features</strong>:</p> <ul><li>Modified the general commands so no additional inputs can be accepted (Pull request <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/143">#143</a>)</li> <li>Modified the find person command to inherit from an abstract class and share the same command word as the 'find group' command (Pull request <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/103">#103</a>)</li></ul></li> <li><p><strong>Documentation</strong>:</p> <ul><li>User Guide:
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h3 id="project-projectpro">Project: ProjectPRO<a href="#project-projectpro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPRO is a desktop application designed to help university students organize their projects. ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. Utilizing simple and easy-to-remember commands to execute different tasks, it helps users streamline their project management.</p> <p>Given below are my contributions to the project.</p> <ul><li><p><strong>New Feature</strong>: Added the ability to delete added contacts.</p> <ul><li>What it does: allows the user to delete contacts added into the address book.</li> <li>Justification: This is a core feature that improves the product significantly because a user may want to remove contacts that they no longer want to keep track of.</li> <li>Highlights: This enhancement affected existing commands (deleting contacts needed to remove them from the groups they were part of as well) and commands to be added in future (deleting added groups). It required utilising of OOP principles and the creation of an abstract class, as the 'delete' command word had to be shared between commands.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to delete added groups.</p> <ul><li>What it does: allows the user to delete groups added into the address book, removing any members from those groups as well.</li> <li>Justification: This is a core feature that improves the product significantly because a user may want to remove groups or projects that they no longer want to keep track of.</li> <li>Highlights: Aside from the creation of an abstract class, as the 'delete' command word had to be shared between commands, this enhancement required the utilising of OOP principles as it involved the accessing and sharing of data between the group and person classes.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to find groups.</p> <ul><li>What it does: allows the user to view members of the specified group, as well as the group remarks.</li> <li>Justification: This is a feature that improves the product significantly because a user can then filter the address book to view the information of only the relevant contacts. They can also see the remarks that they had added into the groups beforehand.</li> <li>Highlights: This enhancement affected existing commands (finding contacts by keywords). It required utilising of OOP principles and the creation of an abstract class, as the 'find' command word had to be shared between commands.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to list all groups.</p> <ul><li>What it does: allows the user to view all the groups currently added into the address book, to keep better track of them.</li> <li>Justification: This is a feature that improves the product because a user can then better track and manage the groups or projects that they have.</li></ul></li> <li><p><strong>Code contributed</strong>: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/#/widget/?search=&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;chartGroupIndex=36&amp;chartIndex=0">RepoSense link</a></p></li> <li><p><strong>Project management</strong>:</p> <ul><li>Managed releases <code class="hljs inline no-lang">v1.3.0</code> - <code class="hljs inline no-lang">v1.4.1</code> (6 releases) on GitHub</li></ul></li> <li><p><strong>Enhancements to existing features</strong>:</p> <ul><li>Modified the general commands so no additional inputs can be accepted (Pull request <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/143">#143</a>)</li> <li>Modified the find person command to inherit from an abstract class and share the same command word as the 'find group' command (Pull request <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/103">#103</a>)</li></ul></li> <li><p><strong>Documentation</strong>:</p> <ul><li>User Guide:
 <ul><li>Added app introductions and quick-start instructions, as well as the glossary and table of contents.<a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/147">#147</a></li> <li>Added documentation for the features <code class="hljs inline no-lang">add contact</code> and <code class="hljs inline no-lang">delete contact</code>. <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/147">#147</a></li> <li>Resolved inconsistencies in existing documentation in multiple features, including <code class="hljs inline no-lang">delete contact</code>, <code class="hljs inline no-lang">find contact</code> and <code class="hljs inline no-lang">list</code>: <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/228">#228</a></li></ul></li> <li>Developer Guide:
-<ul><li>Added implementation details of the <code class="hljs inline no-lang">delete</code>, <code class="hljs inline no-lang">find</code>, <code class="hljs inline no-lang">list</code> <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/265">#265</a> and <code class="hljs inline no-lang">listgroup</code> <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/268">#268</a> features.</li></ul></li></ul></li> <li><p><strong>Contributions beyond project team</strong></p> <ul><li>Meticulously reviewed other groups' works and provided feedback on potential bugs <a href="https://github.com/lerxuann/ped">here</a>.</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 9:11:14 GMT+8]</small></div></footer></div>
+<ul><li>Added implementation details of the <code class="hljs inline no-lang">delete</code>, <code class="hljs inline no-lang">find</code>, <code class="hljs inline no-lang">list</code> <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/265">#265</a> and <code class="hljs inline no-lang">listgroup</code> <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/268">#268</a> features.</li></ul></li></ul></li> <li><p><strong>Contributions beyond project team</strong></p> <ul><li>Meticulously reviewed other groups' works and provided feedback on potential bugs <a href="https://github.com/lerxuann/ped">here</a>.</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 9:35:50 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/lerxuann.page-vue-render.js b/team/lerxuann.page-vue-render.js
index e25e43d59d9..618f785d894 100644
--- a/team/lerxuann.page-vue-render.js
+++ b/team/lerxuann.page-vue-render.js
@@ -1,13 +1,13 @@
 
     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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-projectpro"}},[_v("Project: ProjectPRO"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-projectpro","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ProjectPRO is a desktop application designed to help university students organize their projects. ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. Utilizing simple and easy-to-remember commands to execute different tasks, it helps users streamline their project management.")]),_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 delete added contacts.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: allows the user to delete contacts added into the address book.")]),_v(" "),_c('li',[_v("Justification: This is a core feature that improves the product significantly because a user may want to remove contacts that they no longer want to keep track of.")]),_v(" "),_c('li',[_v("Highlights: This enhancement affected existing commands (deleting contacts needed to remove them from the groups they were part of as well) and commands to be added in future (deleting added groups). It required utilising of OOP principles and the creation of an abstract class, as the 'delete' command word had to be shared between commands.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": Added the ability to delete added groups.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: allows the user to delete groups added into the address book, removing any members from those groups as well.")]),_v(" "),_c('li',[_v("Justification: This is a core feature that improves the product significantly because a user may want to remove groups or projects that they no longer want to keep track of.")]),_v(" "),_c('li',[_v("Highlights: Aside from the creation of an abstract class, as the 'delete' command word had to be shared between commands, this enhancement required the utilising of OOP principles as it involved the accessing and sharing of data between the group and person classes.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": Added the ability to find groups.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: allows the user to view members of the specified group, as well as the group remarks.")]),_v(" "),_c('li',[_v("Justification: This is a feature that improves the product significantly because a user can then filter the address book to view the information of only the relevant contacts. They can also see the remarks that they had added into the groups beforehand.")]),_v(" "),_c('li',[_v("Highlights: This enhancement affected existing commands (finding contacts by keywords). It required utilising of OOP principles and the creation of an abstract class, as the 'find' command word had to be shared between commands.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": Added the ability to list all groups.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: allows the user to view all the groups currently added into the address book, to keep better track of them.")]),_v(" "),_c('li',[_v("Justification: This is a feature that improves the product because a user can then better track and manage the groups or projects that they have.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(": "),_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/#/widget/?search=&sort=groupTitle&sortWithin=title&timeframe=commit&mergegroup=&groupSelect=groupByRepos&breakdown=true&checkedFileTypes=docs~functional-code~test-code&since=2023-09-22&chartGroupIndex=36&chartIndex=0"}},[_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.0")]),_v(" - "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("v1.4.1")]),_v(" (6 releases) on GitHub")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Enhancements to existing features")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Modified the general commands so no additional inputs can be accepted (Pull request "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/143"}},[_v("#143")]),_v(")")]),_v(" "),_c('li',[_v("Modified the find person command to inherit from an abstract class and share the same command word as the 'find group' command (Pull request "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/103"}},[_v("#103")]),_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 app introductions and quick-start instructions, as well as the glossary and table of contents."),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/147"}},[_v("#147")])]),_v(" "),_c('li',[_v("Added documentation for the features "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("add contact")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete contact")]),_v(". "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/147"}},[_v("#147")])]),_v(" "),_c('li',[_v("Resolved inconsistencies in existing documentation in multiple features, including "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete contact")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find contact")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list")]),_v(": "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/228"}},[_v("#228")])])])]),_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(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/265"}},[_v("#265")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listgroup")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/268"}},[_v("#268")]),_v(" features.")])])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions beyond project team")])]),_v(" "),_c('ul',[_c('li',[_v("Meticulously reviewed other groups' works and provided feedback on potential bugs "),_c('a',{attrs:{"href":"https://github.com/lerxuann/ped"}},[_v("here")]),_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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/nicholastng010601.html b/team/nicholastng010601.html
index eb68cf3e6ea..87d10ea0aaf 100644
--- a/team/nicholastng010601.html
+++ b/team/nicholastng010601.html
@@ -22,12 +22,10 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h3 id="project-projectpro">Project: ProjectPRO<a href="#project-projectpro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPRO is a desktop application designed to help university students organize their projects. ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. Utilizing simple and easy-to-remember commands to execute different tasks, it helps users streamline their project management.</p> <p>Given below are my contributions to the project.</p> <ul><li><p><strong>New Feature</strong>: Added the ability to add a group.</p> <ul><li>What it does: allows the user to add various groups into the address book so that the user can group contacts into the various project groups they are in.</li> <li>Justification: This is a core features which improves the product significantly because it will help our target audience, university students, group their contacts into their various project groups so that they do not mix up contacts with similar names. It is especially relevant as university students tend to have many projects.</li> <li>Highlights: This enhancement affects existing commands and commands to be added in the future. It required an in-depth analysis of design principles. Since it involved creating a new class of objects, it required careful planning and utilising of OOP principles.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to delete time.</p> <ul><li>What it does: allows the user to delete time which had been added to a contact or group.</li> <li>Justification: This feature improves the product significantly because a user can make mistakes in adding free time to contacts and this function provides a convenient way for users to remove the error.</li> <li>Highlights: This enhancement required an in-depth analysis of parser and various conditions whereby the command would be carried out. For example, the time keyed in must exist within the contact. Various designs were also considered, such as allowing multiple time slots to be keyed in at once to improve the user experience. In such a case, we also wanted to allow time that was keyed in correctly to be deleted, even if the command had certain time slots which were wrong. The implementation too was difficult as it required the involvement of our time interval class and comparing the various time slots to come up with a error-free yet efficient implementation.</li></ul></li> <li><p><strong>Improved Feature</strong>: Added the ability to save not only contacts, but groups and time intervals.</p> <ul><li>What it does: allows the user's application to save groups and time intervals in the form of JSON, so that when the user reboots their application, their data will be saved and loaded up properly.</li> <li>Justification: This feature is a core feature as without it, users would have to retype all their groups and times everytime they on their application.</li> <li>Highlights: This enhancement required the in-depth analysis of the existing process of saving and loading of the JSON file. It required meticulousness and attention to detail as it involved complex logical processes such as adding a person to the group he is in, while also adding the group to the person's own internal list, whereby any error would result in unexpected results. It also required careful considerations regarding the important variables that had to be stored for the save function to fully capture all the details and allow the user to load the application just as he or she stored it.</li></ul></li> <li><p><strong>Code contributed</strong>: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/#/widget/?search=&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;chartGroupIndex=36&amp;chartIndex=3">RepoSense link</a></p></li> <li><p><strong>Project management</strong>:</p> <ul><li>Managed releases <code class="hljs inline no-lang">v1.3.0</code> - <code class="hljs inline no-lang">v1.4.1</code> (6 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="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/82">#82</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/83">#83</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/85">#85</a>)</li> <li>Wrote additional tests for existing features (Pull requests <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/132">#132</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/139">#139</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/141">#141</a>)</li></ul></li> <li><p><strong>Documentation</strong>:</p> <ul><li>User Guide:
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h3 id="project-projectpro">Project: ProjectPRO<a href="#project-projectpro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ProjectPRO is a desktop application designed to help university students organize their projects. ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. Utilizing simple and easy-to-remember commands to execute different tasks, it helps users streamline their project management.</p> <p>Given below are my contributions to the project.</p> <ul><li><p><strong>New Feature</strong>: Added the ability to add a group.</p> <ul><li>What it does: allows the user to add various groups into the address book so that the user can group contacts into the various project groups they are in.</li> <li>Justification: This is a core features which improves the product significantly because it will help our target audience, university students, group their contacts into their various project groups so that they do not mix up contacts with similar names. It is especially relevant as university students tend to have many projects.</li> <li>Highlights: This enhancement affects existing commands and commands to be added in the future. It required an in-depth analysis of design principles. Since it involved creating a new class of objects, it required careful planning and utilising of OOP principles.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to delete time.</p> <ul><li>What it does: allows the user to delete time which had been added to a contact or group.</li> <li>Justification: This feature improves the product significantly because a user can make mistakes in adding free time to contacts and this function provides a convenient way for users to remove the error.</li> <li>Highlights: This enhancement required an in-depth analysis of parser and various conditions whereby the command would be carried out. For example, the time keyed in must exist within the contact. Various designs were also considered, such as allowing multiple time slots to be keyed in at once to improve the user experience. In such a case, we also wanted to allow time that was keyed in correctly to be deleted, even if the command had certain time slots which were wrong. The implementation too was difficult as it required the involvement of our time interval class and comparing the various time slots to come up with a error-free yet efficient implementation.</li></ul></li> <li><p><strong>Improved Feature</strong>: Added the ability to save not only contacts, but groups and time intervals.</p> <ul><li>What it does: allows the user's application to save groups and time intervals in the form of JSON, so that when the user reboots their application, their data will be saved and loaded up properly.</li> <li>Justification: This feature is a core feature as without it, users would have to retype all their groups and times everytime they on their application.</li> <li>Highlights: This enhancement required the in-depth analysis of the existing process of saving and loading of the JSON file. It required meticulousness and attention to detail as it involved complex logical processes such as adding a person to the group he is in, while also adding the group to the person's own internal list, whereby any error would result in unexpected results. It also required careful considerations regarding the important variables that had to be stored for the save function to fully capture all the details and allow the user to load the application just as he or she stored it.</li></ul></li> <li><p><strong>Code contributed</strong>: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/#/widget/?search=&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;chartGroupIndex=36&amp;chartIndex=3">RepoSense link</a></p></li> <li><p><strong>Project management</strong>:</p> <ul><li>Managed releases <code class="hljs inline no-lang">v1.3.0</code> - <code class="hljs inline no-lang">v1.4.1</code> (6 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="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/82">#82</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/83">#83</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/85">#85</a>)</li> <li>Wrote additional tests for existing features (Pull requests <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/132">#132</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/139">#139</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/141">#141</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">find</code>, <code class="hljs inline no-lang">list</code>, <code class="hljs inline no-lang">group</code>, <code class="hljs inline no-lang">ungroup</code> and <code class="hljs inline no-lang">addtime</code>. <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/145">#145</a></li></ul></li> <li>Developer Guide:
 <ul><li>Added implementation details of the <code class="hljs inline no-lang">deletetime</code> <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/112/files">#112</a> and <code class="hljs inline no-lang">addgroup</code> <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/226/files">#226</a> feature.</li> <li>Added use cases, test cases and the appendix.<a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/251">#251</a></li> <li>Added activity and sequence diagrams for the above functions. This includes for delete person time command, shown here.</li> <li><span class="image-wrapper"><img src="/tp/team/diagrams/DeletePersonTimeDiagram.puml" alt="DeletePersonTimeDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></li> <li><span class="image-wrapper"><img src="/tp/team/diagrams/DeletePersonTimeActivityDiagram.puml" alt="DeletePersonTimeActivityDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></li></ul></li> <li>Documentation:
-<ul><li>Meticulously edited style errors and java docs for <code class="hljs inline no-lang">commands</code><a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/238">/#238</a> and <code class="hljs inline no-lang">tests</code><a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/250">/#250</a>.</li></ul></li></ul></li> <li><p><strong>Contributions beyond project team</strong></p> <ul><li>Meticulously review other groups work and provided feedback on potential bugs and how they could improve their product <a href="https://github.com/nicholastng010601/ped/tree/main/files">here</a>.</li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>Reported bugs and suggestions for other teams in the class (examples: <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/242">1</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/243">2</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/240">3</a>)</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 9:11:14 GMT+8]</small></div></footer></div>
+<ul><li>Meticulously edited style errors and java docs for <code class="hljs inline no-lang">commands</code><a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/238">/#238</a> and <code class="hljs inline no-lang">tests</code><a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/250">/#250</a>.</li></ul></li></ul></li> <li><p><strong>Contributions beyond project team</strong></p> <ul><li>Meticulously review other groups work and provided feedback on potential bugs and how they could improve their product <a href="https://github.com/nicholastng010601/ped/tree/main/files">here</a>.</li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>Reported bugs and suggestions for other teams in the class (examples: <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/242">1</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/243">2</a>, <a href="https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/240">3</a>)</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 9:35:50 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/nicholastng010601.page-vue-render.js b/team/nicholastng010601.page-vue-render.js
index 2927d568be3..71e43130332 100644
--- a/team/nicholastng010601.page-vue-render.js
+++ b/team/nicholastng010601.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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('p',[_v("ProjectPRO is a desktop application designed to help university students organize their projects. ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. Utilizing simple and easy-to-remember commands to execute different tasks, it helps users streamline their project management.")]),_v(" "),_c('p',[_v("Given below are my contributions to the project.")]),_v(" "),_c('ul',[_m(1),_v(" "),_m(2),_v(" "),_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_c('li',[_m(7),_v(" "),_c('ul',[_m(8),_v(" "),_c('li',[_v("Developer Guide:\n"),_c('ul',[_m(9),_v(" "),_m(10),_v(" "),_c('li',[_v("Added activity and sequence diagrams for the above functions. This includes for delete person time command, shown here.")]),_v(" "),_c('li',[_c('pic',{attrs:{"src":"/tp/team/diagrams/DeletePersonTimeDiagram.puml","alt":"DeletePersonTimeDiagram"}})],1),_v(" "),_c('li',[_c('pic',{attrs:{"src":"/tp/team/diagrams/DeletePersonTimeActivityDiagram.puml","alt":"DeletePersonTimeActivityDiagram"}})],1)])]),_v(" "),_m(11)])]),_v(" "),_m(12),_v(" "),_m(13)])]),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(14)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('p',[_v("ProjectPRO is a desktop application designed to help university students organize their projects. ProjectPRO is optimized for use via a Command Line Interface (CLI) while preserving the advantages of maintaining an attractive user interface. Utilizing simple and easy-to-remember commands to execute different tasks, it helps users streamline their project management.")]),_v(" "),_c('p',[_v("Given below are my contributions to the project.")]),_v(" "),_c('ul',[_m(1),_v(" "),_m(2),_v(" "),_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_c('li',[_m(7),_v(" "),_c('ul',[_m(8),_v(" "),_c('li',[_v("Developer Guide:\n"),_c('ul',[_m(9),_v(" "),_m(10),_v(" "),_c('li',[_v("Added activity and sequence diagrams for the above functions. This includes for delete person time command, shown here.")]),_v(" "),_c('li',[_c('pic',{attrs:{"src":"/tp/team/diagrams/DeletePersonTimeDiagram.puml","alt":"DeletePersonTimeDiagram"}})],1),_v(" "),_c('li',[_c('pic',{attrs:{"src":"/tp/team/diagrams/DeletePersonTimeActivityDiagram.puml","alt":"DeletePersonTimeActivityDiagram"}})],1)])]),_v(" "),_m(11)])]),_v(" "),_m(12),_v(" "),_m(13)])]),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(14)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -47,6 +47,6 @@ with(this){return _c('li',[_c('p',[_c('strong',[_v("Contributions beyond project
 with(this){return _c('li',[_c('p',[_c('strong',[_v("Community")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Reported bugs and suggestions for other teams in the class (examples: "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/242"}},[_v("1")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/243"}},[_v("2")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-4/tp/issues/240"}},[_v("3")]),_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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/zd292.html b/team/zd292.html
index 06ef374949f..5bc724143d8 100644
--- a/team/zd292.html
+++ b/team/zd292.html
@@ -22,9 +22,7 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></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 group a contact.</p> <ul><li>What it does: Allows the user to group a contact.</li> <li>Justification: This is a core features which improves the product significantly because it will help our target audience, university students, organise their contacts into their various project groups so that they do not mix up contacts with similar names. This allows university students to neatly organise their contacts.</li> <li>Highlights: This enhancement affects existing commands and commands to be added in the future. For example, the relationship between group and person is that a group has a list of group members and a person has a list of groups that they are in.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to find a free time slot for group meetings.</p> <ul><li>What it does: Allows the user to find a common time slot within their group.</li> <li>Justification: This feature improves the product significantly because users are now able to find a common meeting time slot, which solves one of the pain points, being difficulty in coordinating meetings.</li> <li>Highlights: This feature involved careful planning and coordination between members of how we wanted to implement the concept of time and consequently how I would implement the feature to find a common time slot.</li></ul></li> <li><p><strong>Code contributed</strong>: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=zd292&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;tabOpen=true&amp;tabType=authorship&amp;tabAuthor=ZD292&amp;tabRepo=AY2324S1-CS2103T-T10-3%2Ftp%5Bmaster%5D&amp;authorshipIsMergeGroup=false&amp;authorshipFileTypes=docs~functional-code~test-code&amp;authorshipIsBinaryFileTypeChecked=false&amp;authorshipIsIgnoredFilesChecked=false">RepoSense link</a></p></li> <li><p><strong>Project management</strong>:</p> <ul><li>Managed releases <code class="hljs inline no-lang">v1.3.0</code> - <code class="hljs inline no-lang">v1.4.1</code> (6 releases) on GitHub</li> <li>Review and merge Pull requests</li></ul></li> <li><p><strong>Documentation</strong>:</p> <ul><li><p>User Guide:</p> <ul><li>Added documentation for the features <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/142">#142</a></li> <li>Listing Meeting Time From a Group <code class="hljs inline no-lang">listtime</code></li> <li>Finding Free Time of a Group <code class="hljs inline no-lang">findfreetime</code></li> <li>Viewing Help: <code class="hljs inline no-lang">help</code></li> <li>Clearing all Data: <code class="hljs inline no-lang">clear</code></li></ul></li> <li><p>Developer Guide:</p> <ul><li>Add sequence diagram for grouping a contact <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/296">#296</a></li> <li>Add sequence diagram for FindFreeTime command</li> <li>Add activity diagram for FindFreeTime command</li></ul></li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 9:11:14 GMT+8]</small></div></footer></div>
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></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 group a contact.</p> <ul><li>What it does: Allows the user to group a contact.</li> <li>Justification: This is a core features which improves the product significantly because it will help our target audience, university students, organise their contacts into their various project groups so that they do not mix up contacts with similar names. This allows university students to neatly organise their contacts.</li> <li>Highlights: This enhancement affects existing commands and commands to be added in the future. For example, the relationship between group and person is that a group has a list of group members and a person has a list of groups that they are in.</li></ul></li> <li><p><strong>New Feature</strong>: Added the ability to find a free time slot for group meetings.</p> <ul><li>What it does: Allows the user to find a common time slot within their group.</li> <li>Justification: This feature improves the product significantly because users are now able to find a common meeting time slot, which solves one of the pain points, being difficulty in coordinating meetings.</li> <li>Highlights: This feature involved careful planning and coordination between members of how we wanted to implement the concept of time and consequently how I would implement the feature to find a common time slot.</li></ul></li> <li><p><strong>Code contributed</strong>: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=zd292&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;tabOpen=true&amp;tabType=authorship&amp;tabAuthor=ZD292&amp;tabRepo=AY2324S1-CS2103T-T10-3%2Ftp%5Bmaster%5D&amp;authorshipIsMergeGroup=false&amp;authorshipFileTypes=docs~functional-code~test-code&amp;authorshipIsBinaryFileTypeChecked=false&amp;authorshipIsIgnoredFilesChecked=false">RepoSense link</a></p></li> <li><p><strong>Project management</strong>:</p> <ul><li>Managed releases <code class="hljs inline no-lang">v1.3.0</code> - <code class="hljs inline no-lang">v1.4.1</code> (6 releases) on GitHub</li> <li>Review and merge Pull requests</li></ul></li> <li><p><strong>Documentation</strong>:</p> <ul><li><p>User Guide:</p> <ul><li>Added documentation for the features <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/142">#142</a></li> <li>Listing Meeting Time From a Group <code class="hljs inline no-lang">listtime</code></li> <li>Finding Free Time of a Group <code class="hljs inline no-lang">findfreetime</code></li> <li>Viewing Help: <code class="hljs inline no-lang">help</code></li> <li>Clearing all Data: <code class="hljs inline no-lang">clear</code></li></ul></li> <li><p>Developer Guide:</p> <ul><li>Add sequence diagram for grouping a contact <a href="https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/296">#296</a></li> <li>Add sequence diagram for FindFreeTime command</li> <li>Add activity diagram for FindFreeTime command</li></ul></li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 9:35:50 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/zd292.page-vue-render.js b/team/zd292.page-vue-render.js
index d6c1ffcc294..5eba19ff68b 100644
--- a/team/zd292.page-vue-render.js
+++ b/team/zd292.page-vue-render.js
@@ -1,13 +1,13 @@
 
     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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_m(0),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(1)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
 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 group a contact.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Allows the user to group a contact.")]),_v(" "),_c('li',[_v("Justification: This is a core features which improves the product significantly because it will help our target audience, university students, organise their contacts into their various project groups so that they do not mix up contacts with similar names. This allows university students to neatly organise their contacts.")]),_v(" "),_c('li',[_v("Highlights: This enhancement affects existing commands and commands to be added in the future. For example, the relationship between group and person is that a group has a list of group members and a person has a list of groups that they are in.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": Added the ability to find a free time slot for group meetings.")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Allows the user to find a common time slot within their group.")]),_v(" "),_c('li',[_v("Justification: This feature improves the product significantly because users are now able to find a common meeting time slot, which solves one of the pain points, being difficulty in coordinating meetings.")]),_v(" "),_c('li',[_v("Highlights: This feature involved careful planning and coordination between members of how we wanted to implement the concept of time and consequently how I would implement the feature to find a common time slot.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(": "),_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=zd292&sort=groupTitle&sortWithin=title&timeframe=commit&mergegroup=&groupSelect=groupByRepos&breakdown=true&checkedFileTypes=docs~functional-code~test-code&since=2023-09-22&tabOpen=true&tabType=authorship&tabAuthor=ZD292&tabRepo=AY2324S1-CS2103T-T10-3%2Ftp%5Bmaster%5D&authorshipIsMergeGroup=false&authorshipFileTypes=docs~functional-code~test-code&authorshipIsBinaryFileTypeChecked=false&authorshipIsIgnoredFilesChecked=false"}},[_v("RepoSense link")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Project management")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Managed releases "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("v1.3.0")]),_v(" - "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("v1.4.1")]),_v(" (6 releases) on GitHub")]),_v(" "),_c('li',[_v("Review and merge Pull requests")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Documentation")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("User Guide:")]),_v(" "),_c('ul',[_c('li',[_v("Added documentation for the features "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/142"}},[_v("#142")])]),_v(" "),_c('li',[_v("Listing Meeting Time From a Group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listtime")])]),_v(" "),_c('li',[_v("Finding Free Time of a Group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findfreetime")])]),_v(" "),_c('li',[_v("Viewing Help: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help")])]),_v(" "),_c('li',[_v("Clearing all Data: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clear")])])])]),_v(" "),_c('li',[_c('p',[_v("Developer Guide:")]),_v(" "),_c('ul',[_c('li',[_v("Add sequence diagram for grouping a contact "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-T10-3/tp/pull/296"}},[_v("#296")])]),_v(" "),_c('li',[_v("Add sequence diagram for FindFreeTime command")]),_v(" "),_c('li',[_v("Add activity diagram for FindFreeTime command")])])])])])])])}
 },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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/AddRemark.html b/tutorials/AddRemark.html
index c639bdf2d7b..3489342934a 100644
--- a/tutorials/AddRemark.html
+++ b/tutorials/AddRemark.html
@@ -22,9 +22,7 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="tutorial-adding-a-command">Tutorial: Adding a command<a href="#tutorial-adding-a-command" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>Let's walk you through the implementation of a new command — <code class="hljs inline no-lang">remark</code>.</p> <p>This command allows users of the AddressBook application to add optional remarks to people in their address book and edit it if required. The command should have the following format:</p> <p><code class="hljs inline no-lang">remark INDEX r/REMARK</code> (e.g., <code class="hljs inline no-lang">remark 2 r/Likes baseball</code>)</p> <p>We’ll assume that you have already set up the development environment as outlined in the Developer’s Guide.</p> <h2 id="create-a-new-remark-command">Create a new <code class="hljs inline no-lang">remark</code> command<a href="#create-a-new-remark-command" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Looking in the <code class="hljs inline no-lang">logic.command</code> package, you will notice that each existing command have their own class. All the commands inherit from the abstract class <code class="hljs inline no-lang">Command</code> which means that they must override <code class="hljs inline no-lang">execute()</code>. Each <code class="hljs inline no-lang">Command</code> returns an instance of <code class="hljs inline no-lang">CommandResult</code> upon success and <code class="hljs inline no-lang">CommandResult#feedbackToUser</code> is printed to the <code class="hljs inline no-lang">ResultDisplay</code>.</p> <p>Let’s start by creating a new <code class="hljs inline no-lang">RemarkCommand</code> class in the <code class="hljs inline no-lang">src/main/java/seedu/address/logic/command</code> directory.</p> <p>For now, let’s keep <code class="hljs inline no-lang">RemarkCommand</code> as simple as possible and print some output. We accomplish that by returning a <code class="hljs inline no-lang">CommandResult</code> with an accompanying message.</p> <p><strong><code class="hljs inline no-lang">RemarkCommand.java</code>:</strong></p> <pre><code class="hljs java"><span><span class="hljs-keyword">package</span> seedu.address.logic.commands;
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="tutorial-adding-a-command">Tutorial: Adding a command<a href="#tutorial-adding-a-command" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>Let's walk you through the implementation of a new command — <code class="hljs inline no-lang">remark</code>.</p> <p>This command allows users of the AddressBook application to add optional remarks to people in their address book and edit it if required. The command should have the following format:</p> <p><code class="hljs inline no-lang">remark INDEX r/REMARK</code> (e.g., <code class="hljs inline no-lang">remark 2 r/Likes baseball</code>)</p> <p>We’ll assume that you have already set up the development environment as outlined in the Developer’s Guide.</p> <h2 id="create-a-new-remark-command">Create a new <code class="hljs inline no-lang">remark</code> command<a href="#create-a-new-remark-command" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Looking in the <code class="hljs inline no-lang">logic.command</code> package, you will notice that each existing command have their own class. All the commands inherit from the abstract class <code class="hljs inline no-lang">Command</code> which means that they must override <code class="hljs inline no-lang">execute()</code>. Each <code class="hljs inline no-lang">Command</code> returns an instance of <code class="hljs inline no-lang">CommandResult</code> upon success and <code class="hljs inline no-lang">CommandResult#feedbackToUser</code> is printed to the <code class="hljs inline no-lang">ResultDisplay</code>.</p> <p>Let’s start by creating a new <code class="hljs inline no-lang">RemarkCommand</code> class in the <code class="hljs inline no-lang">src/main/java/seedu/address/logic/command</code> directory.</p> <p>For now, let’s keep <code class="hljs inline no-lang">RemarkCommand</code> as simple as possible and print some output. We accomplish that by returning a <code class="hljs inline no-lang">CommandResult</code> with an accompanying message.</p> <p><strong><code class="hljs inline no-lang">RemarkCommand.java</code>:</strong></p> <pre><code class="hljs java"><span><span class="hljs-keyword">package</span> seedu.address.logic.commands;
 </span><span>
 </span><span><span class="hljs-keyword">import</span> seedu.address.model.Model;
 </span><span>
@@ -179,7 +177,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, 9:11:14 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, 9:35:50 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 847220dfb62..58bc232146f 100644
--- a/tutorials/AddRemark.page-vue-render.js
+++ b/tutorials/AddRemark.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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_m(1),_v(" "),_c('p',[_v("This command allows users of the AddressBook application to add optional remarks to people in their address book and edit it if required. The command should have the following format:")]),_v(" "),_m(2),_v(" "),_c('p',[_v("We’ll assume that you have already set up the development environment as outlined in the Developer’s Guide.")]),_v(" "),_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_m(8),_m(9),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_m(12),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_m(16),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/add-remark/RemarkClass.puml","alt":"The relationship between RemarkCommand and Command"}}),_v(" "),_c('p',[_v("Following the convention in other commands, we add relevant messages as constants and use them.")]),_v(" "),_m(17),_v(" "),_m(18),_m(19),_v(" "),_m(20),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_m(24),_v(" "),_m(25),_v(" "),_c('p',[_v("Now let’s move on to writing a parser that will extract the index and remark from the input provided by the user.")]),_v(" "),_m(26),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/add-remark/ParserClass.puml","alt":"The relationship between Parser and RemarkCommandParser"}}),_v(" "),_m(27),_v(" "),_m(28),_v(" "),_m(29),_m(30),_v(" "),_m(31),_v(" "),_m(32),_m(33),_v(" "),_m(34),_v(" "),_m(35),_m(36),_v(" "),_m(37),_v(" "),_m(38),_v(" "),_m(39),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_v("Don’t forget to update "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddressBookParser")]),_v(" to use our new "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("RemarkCommandParser")]),_v("!")])]),_v(" "),_m(40),_v(" "),_m(41),_v(" "),_m(42),_v(" "),_m(43),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_m(46),_v(" "),_m(47),_v(" "),_m(48),_v(" "),_m(49),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_m(52),_m(53),_v(" "),_m(54),_v(" "),_m(55),_v(" "),_m(56),_c('p',[_v("That’s it! Fire up the application again and you should see something like this:")]),_v(" "),_m(57),_v(" "),_m(58),_v(" "),_m(59),_v(" "),_m(60),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_m(63),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_v("Use the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Find Usages")]),_v(" feature in IntelliJ IDEA on the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Person")]),_v(" class to find these commands.")])]),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_m(66),_v(" "),_c('p',[_v("While the changes to code may be minimal, the test data will have to be updated as well.")]),_v(" "),_c('box',{attrs:{"type":"warning","seamless":""}},[_c('p',[_v("You must delete AddressBook’s storage file located at "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("/data/addressbook.json")]),_v(" before running it! Not doing so will cause AddressBook to default to an empty address book!")])]),_v(" "),_m(67),_v(" "),_m(68),_v(" "),_m(69),_v(" "),_m(70),_v(" "),_m(71),_v(" "),_m(72),_m(73),_v(" "),_m(74),_v(" "),_m(75),_v(" "),_m(76),_v(" "),_m(77),_v(" "),_m(78),_v(" "),_m(79),_m(80),_v(" "),_m(81),_v(" "),_c('p',[_v("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.")]),_v(" "),_c('p',[_v("Let’s verify the correctness of our code by writing some tests!")]),_v(" "),_m(82),_v(" "),_m(83),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_m(86),_v(" "),_m(87),_v(" "),_m(88),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_m(91),_v(" "),_m(92),_v(" "),_m(93),_v(" "),_m(94)],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":"#tutorial-adding-a-command"}},[_v("Tutorial: Adding a command‎")]),_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":"#create-a-new-remark-command"}},[_v("Create a new remark command‎")]),_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":"#hook-remarkcommand-into-the-application"}},[_v("Hook RemarkCommand into the application‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#run-the-application"}},[_v("Run the application‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#change-remarkcommand-to-throw-an-exception"}},[_v("Change RemarkCommand to throw an exception‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#enhancing-remarkcommand"}},[_v("Enhancing RemarkCommand‎")]),_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":"#make-the-command-accept-parameters"}},[_v("Make the command accept parameters‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#parse-user-input"}},[_v("Parse user input‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#add-remark-to-the-model"}},[_v("Add Remark to the model‎")]),_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":"#add-a-new-remark-class"}},[_v("Add a new Remark class‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#make-use-of-remark"}},[_v("Make use of Remark‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#add-a-placeholder-element-for-remark-to-the-ui"}},[_v("Add a placeholder element for remark to the UI‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#modify-person-to-support-a-remark-field"}},[_v("Modify Person to support a Remark field‎")]),_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":"#modify-person"}},[_v("Modify Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#update-other-usages-of-person"}},[_v("Update other usages of Person‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#updating-storage"}},[_v("Updating Storage‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#finalizing-the-ui"}},[_v("Finalizing the UI‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#putting-everything-together"}},[_v("Putting everything together‎")]),_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":"#update-remarkcommand-and-remarkcommandparser"}},[_v("Update RemarkCommand and RemarkCommandParser‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#writing-tests"}},[_v("Writing tests‎")]),_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":"#automatically-generating-tests"}},[_v("Automatically generating tests‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#conclusion"}},[_v("Conclusion‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(95)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_m(1),_v(" "),_c('p',[_v("This command allows users of the AddressBook application to add optional remarks to people in their address book and edit it if required. The command should have the following format:")]),_v(" "),_m(2),_v(" "),_c('p',[_v("We’ll assume that you have already set up the development environment as outlined in the Developer’s Guide.")]),_v(" "),_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_m(8),_m(9),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_m(12),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_m(16),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/add-remark/RemarkClass.puml","alt":"The relationship between RemarkCommand and Command"}}),_v(" "),_c('p',[_v("Following the convention in other commands, we add relevant messages as constants and use them.")]),_v(" "),_m(17),_v(" "),_m(18),_m(19),_v(" "),_m(20),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_m(24),_v(" "),_m(25),_v(" "),_c('p',[_v("Now let’s move on to writing a parser that will extract the index and remark from the input provided by the user.")]),_v(" "),_m(26),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/add-remark/ParserClass.puml","alt":"The relationship between Parser and RemarkCommandParser"}}),_v(" "),_m(27),_v(" "),_m(28),_v(" "),_m(29),_m(30),_v(" "),_m(31),_v(" "),_m(32),_m(33),_v(" "),_m(34),_v(" "),_m(35),_m(36),_v(" "),_m(37),_v(" "),_m(38),_v(" "),_m(39),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_v("Don’t forget to update "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddressBookParser")]),_v(" to use our new "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("RemarkCommandParser")]),_v("!")])]),_v(" "),_m(40),_v(" "),_m(41),_v(" "),_m(42),_v(" "),_m(43),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_m(46),_v(" "),_m(47),_v(" "),_m(48),_v(" "),_m(49),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_m(52),_m(53),_v(" "),_m(54),_v(" "),_m(55),_v(" "),_m(56),_c('p',[_v("That’s it! Fire up the application again and you should see something like this:")]),_v(" "),_m(57),_v(" "),_m(58),_v(" "),_m(59),_v(" "),_m(60),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_m(63),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_v("Use the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Find Usages")]),_v(" feature in IntelliJ IDEA on the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Person")]),_v(" class to find these commands.")])]),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_m(66),_v(" "),_c('p',[_v("While the changes to code may be minimal, the test data will have to be updated as well.")]),_v(" "),_c('box',{attrs:{"type":"warning","seamless":""}},[_c('p',[_v("You must delete AddressBook’s storage file located at "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("/data/addressbook.json")]),_v(" before running it! Not doing so will cause AddressBook to default to an empty address book!")])]),_v(" "),_m(67),_v(" "),_m(68),_v(" "),_m(69),_v(" "),_m(70),_v(" "),_m(71),_v(" "),_m(72),_m(73),_v(" "),_m(74),_v(" "),_m(75),_v(" "),_m(76),_v(" "),_m(77),_v(" "),_m(78),_v(" "),_m(79),_m(80),_v(" "),_m(81),_v(" "),_c('p',[_v("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.")]),_v(" "),_c('p',[_v("Let’s verify the correctness of our code by writing some tests!")]),_v(" "),_m(82),_v(" "),_m(83),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_m(86),_v(" "),_m(87),_v(" "),_m(88),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_m(91),_v(" "),_m(92),_v(" "),_m(93),_v(" "),_m(94)],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":"#tutorial-adding-a-command"}},[_v("Tutorial: Adding a command‎")]),_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":"#create-a-new-remark-command"}},[_v("Create a new remark command‎")]),_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":"#hook-remarkcommand-into-the-application"}},[_v("Hook RemarkCommand into the application‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#run-the-application"}},[_v("Run the application‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#change-remarkcommand-to-throw-an-exception"}},[_v("Change RemarkCommand to throw an exception‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#enhancing-remarkcommand"}},[_v("Enhancing RemarkCommand‎")]),_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":"#make-the-command-accept-parameters"}},[_v("Make the command accept parameters‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#parse-user-input"}},[_v("Parse user input‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#add-remark-to-the-model"}},[_v("Add Remark to the model‎")]),_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":"#add-a-new-remark-class"}},[_v("Add a new Remark class‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#make-use-of-remark"}},[_v("Make use of Remark‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#add-a-placeholder-element-for-remark-to-the-ui"}},[_v("Add a placeholder element for remark to the UI‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#modify-person-to-support-a-remark-field"}},[_v("Modify Person to support a Remark field‎")]),_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":"#modify-person"}},[_v("Modify Person‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#update-other-usages-of-person"}},[_v("Update other usages of Person‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#updating-storage"}},[_v("Updating Storage‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#finalizing-the-ui"}},[_v("Finalizing the UI‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#putting-everything-together"}},[_v("Putting everything together‎")]),_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":"#update-remarkcommand-and-remarkcommandparser"}},[_v("Update RemarkCommand and RemarkCommandParser‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#writing-tests"}},[_v("Writing tests‎")]),_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":"#automatically-generating-tests"}},[_v("Automatically generating tests‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#conclusion"}},[_v("Conclusion‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(95)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/RemovingFields.html b/tutorials/RemovingFields.html
index 9d8bb189c52..9ae07d5bd3e 100644
--- a/tutorials/RemovingFields.html
+++ b/tutorials/RemovingFields.html
@@ -22,9 +22,7 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="tutorial-removing-fields">Tutorial: Removing Fields<a href="#tutorial-removing-fields" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <blockquote><p>Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.</p> <p>—  Antoine de Saint-Exupery</p></blockquote> <p>When working on an existing code base, you will most likely find that some features that are no longer necessary.
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="tutorial-removing-fields">Tutorial: Removing Fields<a href="#tutorial-removing-fields" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <blockquote><p>Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.</p> <p>—  Antoine de Saint-Exupery</p></blockquote> <p>When working on an existing code base, you will most likely find that some features that are no longer necessary.
 This tutorial aims to give you some practice on such a code 'removal' activity by removing the <code class="hljs inline no-lang">address</code> field from <code class="hljs inline no-lang">Person</code> class.</p> <div class="alert box-container alert-success" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper" data-v-4d146e2c><i class="fas fa-check" data-v-4d146e2c></i></div> <!----> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>If you have done the <a href="/tp/tutorials/AddRemark.html" data-v-4d146e2c>Add <code class="hljs inline no-lang" data-v-4d146e2c>remark</code> command tutorial</a>  already</strong>, you should know where the code had to be updated to add the field <code class="hljs inline no-lang" data-v-4d146e2c>remark</code>. From that experience, you can deduce where the code needs to be changed to <em data-v-4d146e2c>remove</em> that field too. The removing of the <code class="hljs inline no-lang" data-v-4d146e2c>address</code> field can be done similarly.
 <br data-v-4d146e2c> <br data-v-4d146e2c>
 However, if you have no such prior knowledge, removing a field can take a quite a bit of detective work. This tutorial takes you through that process. <strong data-v-4d146e2c>At least have a read even if you don't actually do the steps yourself.</strong></p></div> <!----></div></div></div> <h2 id="safely-deleting-address">Safely deleting <code class="hljs inline no-lang">Address</code><a href="#safely-deleting-address" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>IntelliJ IDEA provides a refactoring tool that can identify <em>most</em> parts of a removal easily. Let’s try to use it as much as we can.</p> <h3 id="assisted-refactoring">Assisted refactoring<a href="#assisted-refactoring" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The <code class="hljs inline no-lang">address</code> field in <code class="hljs inline no-lang">Person</code> is actually an instance of the <code class="hljs inline no-lang">seedu.address.model.person.Address</code> class. Since removing the <code class="hljs inline no-lang">Address</code> class will break the application, we start by identifying <code class="hljs inline no-lang">Address</code>'s usages. This allows us to see code that depends on <code class="hljs inline no-lang">Address</code> to function properly and edit them on a case-by-case basis. Right-click the <code class="hljs inline no-lang">Address</code> class and select <code class="hljs inline no-lang">Refactor</code> &gt; <code class="hljs inline no-lang">Safe Delete</code> through the menu.</p> <ul><li>💡 To make things simpler, you can unselect the options <code class="hljs inline no-lang">Search in comments and strings</code> and <code class="hljs inline no-lang">Search for text occurrences</code></li></ul> <p><a href="/tp/images/remove/UnsafeDelete.png" target="_self"><img src="/tp/images/remove/UnsafeDelete.png" alt="Usages detected" class="img-fluid"></a></p> <p>Choose to <code class="hljs inline no-lang">View Usages</code> and you should be presented with a list of <code class="hljs inline no-lang">Safe Delete Conflicts</code>. These conflicts describe locations in which the <code class="hljs inline no-lang">Address</code> class is used.</p> <p><a href="/tp/images/remove/SafeDeleteConflicts.png" target="_self"><img src="/tp/images/remove/SafeDeleteConflicts.png" alt="List of conflicts" class="img-fluid"></a></p> <p>Remove usages of <code class="hljs inline no-lang">Address</code> by performing <code class="hljs inline no-lang">Safe Delete</code>s on each entry i.e., double-click on the entry (which takes you to the code in concern, right-click on that entity, and choose <code class="hljs inline no-lang">Refactor</code> -&gt; <code class="hljs inline no-lang">Safe delete</code> as before). You will need to exercise discretion when removing usages of <code class="hljs inline no-lang">Address</code>. Functions like <code class="hljs inline no-lang">ParserUtil#parseAddress()</code> can be safely removed but its usages must be removed as well. Other usages like in <code class="hljs inline no-lang">EditPersonDescriptor</code> may require more careful inspection.</p> <p>Let’s try removing references to <code class="hljs inline no-lang">Address</code> in <code class="hljs inline no-lang">EditPersonDescriptor</code>.</p> <ol><li><p>Safe delete the field <code class="hljs inline no-lang">address</code> in <code class="hljs inline no-lang">EditPersonDescriptor</code>.</p></li> <li><p>Select <code class="hljs inline no-lang">Yes</code> when prompted to remove getters and setters.</p></li> <li><p>Select <code class="hljs inline no-lang">View Usages</code> again.<br> <a href="/tp/images/remove/UnsafeDeleteOnField.png" target="_self"><img src="/tp/images/remove/UnsafeDeleteOnField.png" alt="UnsafeDeleteOnField" class="img-fluid"></a></p></li> <li><p>Remove the usages of <code class="hljs inline no-lang">address</code> and select <code class="hljs inline no-lang">Do refactor</code> when you are done.</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> Removing usages may result in errors. Exercise discretion and fix them. For example, removing the <code class="hljs inline no-lang" data-v-4d146e2c>address</code> field from the <code class="hljs inline no-lang" data-v-4d146e2c>Person</code> class will require you to modify its constructor.</p></div> <!----></div></div></div></li> <li><p>Repeat the steps for the remaining usages of <code class="hljs inline no-lang">Address</code></p></li></ol> <p>After you are done, verify that the application still works by compiling and running it again.</p> <h3 id="manual-refactoring">Manual refactoring<a href="#manual-refactoring" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Unfortunately, there are usages of <code class="hljs inline no-lang">Address</code> that IntelliJ IDEA cannot identify. You can find them by searching for instances of the word <code class="hljs inline no-lang">address</code> in your code (<code class="hljs inline no-lang">Edit</code> &gt; <code class="hljs inline no-lang">Find</code> &gt; <code class="hljs inline no-lang">Find in path</code>).</p> <p>Places of interest to look out for would be resources used by the application. <code class="hljs inline no-lang">main/resources</code> contains images and <code class="hljs inline no-lang">fxml</code> files used by the application and <code class="hljs inline no-lang">test/resources</code> contains test data. For example, there is a <code class="hljs inline no-lang">$address</code> in each <code class="hljs inline no-lang">PersonCard</code> that has not been removed nor identified.</p> <p>![<eq><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>a</mi><mi>d</mi><mi>d</mi><mi>r</mi><mi>e</mi><mi>s</mi><mi>s</mi><mo stretchy="false">]</mo><mo stretchy="false">(</mo><mi mathvariant="normal">.</mi><mi mathvariant="normal">.</mi><mi mathvariant="normal">/</mi><mi>i</mi><mi>m</mi><mi>a</mi><mi>g</mi><mi>e</mi><mi>s</mi><mi mathvariant="normal">/</mi><mi>r</mi><mi>e</mi><mi>m</mi><mi>o</mi><mi>v</mi><mi>e</mi><mi mathvariant="normal">/</mi></mrow><annotation encoding="application/x-tex" v-pre="">address](../images/remove/</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut"></span><span class="mord mathnormal">a</span><span class="mord mathnormal">dd</span><span class="mord mathnormal">ress</span><span class="mclose">]</span><span class="mopen">(</span><span class="mord">../</span><span class="mord mathnormal">ima</span><span class="mord mathnormal">g</span><span class="mord mathnormal">es</span><span class="mord">/</span><span class="mord mathnormal">re</span><span class="mord mathnormal">m</span><span class="mord mathnormal">o</span><span class="mord mathnormal">v</span><span class="mord mathnormal">e</span><span class="mord">/</span></span></span></span></eq>address.png)</p> <p>A quick look at the <code class="hljs inline no-lang">PersonCard</code> class and its <code class="hljs inline no-lang">fxml</code> file quickly reveals why it slipped past the automated refactoring.</p> <p><strong><code class="hljs inline no-lang">PersonCard.java</code></strong></p> <pre><code class="hljs java"><span>...
@@ -44,7 +42,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, 9:11:14 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, 9:35:50 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 05833eec2d2..26206ff2508 100644
--- a/tutorials/RemovingFields.page-vue-render.js
+++ b/tutorials/RemovingFields.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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_m(1),_v(" "),_m(2),_v(" "),_c('box',{attrs:{"type":"success"}},[_c('p',[_c('strong',[_v("If you have done the "),_c('a',{attrs:{"href":"/tp/tutorials/AddRemark.html"}},[_v("Add "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("remark")]),_v(" command tutorial")]),_v("  already")]),_v(", you should know where the code had to be updated to add the field "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("remark")]),_v(". From that experience, you can deduce where the code needs to be changed to "),_c('em',[_v("remove")]),_v(" that field too. The removing of the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("address")]),_v(" field can be done similarly.\n"),_c('br'),_v(" "),_c('br'),_v("\nHowever, if you have no such prior knowledge, removing a field can take a quite a bit of detective work. This tutorial takes you through that process. "),_c('strong',[_v("At least have a read even if you don't actually do the steps yourself.")])])]),_v(" "),_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_m(8),_v(" "),_m(9),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_m(12),_v(" "),_c('ol',[_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_c('li',[_m(16),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Tip:")]),_v(" Removing usages may result in errors. Exercise discretion and fix them. For example, removing the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("address")]),_v(" field from the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Person")]),_v(" class will require you to modify its constructor.")])])],1),_v(" "),_m(17)]),_v(" "),_c('p',[_v("After you are done, verify that the application still works by compiling and running it again.")]),_v(" "),_m(18),_v(" "),_m(19),_v(" "),_m(20),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_m(25),_v(" "),_m(26),_m(27),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_m(30),_v(" "),_m(31),_v(" "),_m(32),_m(33)],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":"#tutorial-removing-fields"}},[_v("Tutorial: Removing Fields‎")]),_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":"#safely-deleting-address"}},[_v("Safely deleting Address‎")]),_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":"#assisted-refactoring"}},[_v("Assisted refactoring‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#manual-refactoring"}},[_v("Manual refactoring‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#tidying-up"}},[_v("Tidying up‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(34)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_m(1),_v(" "),_m(2),_v(" "),_c('box',{attrs:{"type":"success"}},[_c('p',[_c('strong',[_v("If you have done the "),_c('a',{attrs:{"href":"/tp/tutorials/AddRemark.html"}},[_v("Add "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("remark")]),_v(" command tutorial")]),_v("  already")]),_v(", you should know where the code had to be updated to add the field "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("remark")]),_v(". From that experience, you can deduce where the code needs to be changed to "),_c('em',[_v("remove")]),_v(" that field too. The removing of the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("address")]),_v(" field can be done similarly.\n"),_c('br'),_v(" "),_c('br'),_v("\nHowever, if you have no such prior knowledge, removing a field can take a quite a bit of detective work. This tutorial takes you through that process. "),_c('strong',[_v("At least have a read even if you don't actually do the steps yourself.")])])]),_v(" "),_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_m(8),_v(" "),_m(9),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_m(12),_v(" "),_c('ol',[_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_c('li',[_m(16),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Tip:")]),_v(" Removing usages may result in errors. Exercise discretion and fix them. For example, removing the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("address")]),_v(" field from the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Person")]),_v(" class will require you to modify its constructor.")])])],1),_v(" "),_m(17)]),_v(" "),_c('p',[_v("After you are done, verify that the application still works by compiling and running it again.")]),_v(" "),_m(18),_v(" "),_m(19),_v(" "),_m(20),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_m(25),_v(" "),_m(26),_m(27),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_m(30),_v(" "),_m(31),_v(" "),_m(32),_m(33)],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":"#tutorial-removing-fields"}},[_v("Tutorial: Removing Fields‎")]),_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":"#safely-deleting-address"}},[_v("Safely deleting Address‎")]),_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":"#assisted-refactoring"}},[_v("Assisted refactoring‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#manual-refactoring"}},[_v("Manual refactoring‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#tidying-up"}},[_v("Tidying up‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(34)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/TracingCode.html b/tutorials/TracingCode.html
index ba02ee7815d..f9baff888e7 100644
--- a/tutorials/TracingCode.html
+++ b/tutorials/TracingCode.html
@@ -22,9 +22,7 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="/tp/index.html" title="Home" class="navbar-brand" data-v-73b4aa16>ProjectPRO</a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/tp/UserGuide.html" class="nav-link" data-v-73b4aa16>User Guide</a></li> <li data-v-73b4aa16><a href="/tp/DeveloperGuide.html" class="nav-link" data-v-73b4aa16>Developer Guide</a></li> <li data-v-73b4aa16><a href="/tp/AboutUs.html" class="nav-link" data-v-73b4aa16>About Us</a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/addressbook-level3" target="_blank" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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>[About us] (/tp/AboutUs.html) :expanded
-
-<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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="tutorial-tracing-code">Tutorial: Tracing code<a href="#tutorial-tracing-code" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <blockquote><p>Indeed, the ratio of time spent reading versus writing is well over 10 to 1. We are constantly reading old code as part of the effort to write new code. …​[Therefore,] making it easy to read makes it easier to write.</p> <p>—  Robert C. Martin Clean Code: A Handbook of Agile Software Craftsmanship</p></blockquote> <p>When trying to understand an unfamiliar code base, one common strategy used is to trace some representative execution path through the code base. One easy way to trace an execution path is to use a debugger to step through the code. In this tutorial, you will be using the IntelliJ IDEA’s debugger to trace the execution path of a specific user command.</p> <h2 id="before-we-start">Before we start<a href="#before-we-start" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Before we jump into the code, it is useful to get an idea of the overall structure and the high-level behavior of the application. This is provided in the 'Architecture' section of the developer guide. In particular, the architecture diagram (reproduced below), tells us that the App consists of several components.</p> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureDiagram.png" alt="ArchitectureDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>It also has a sequence diagram (reproduced below) that tells us how a command propagates through the App.</p> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureSequenceDiagram.png" width="550" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>Note how the diagram shows only the execution flows <em>between</em> the main components. That is, it does not show details of the execution path <em>inside</em> each component. By hiding those details, the diagram aims to inform the reader about the overall execution path of a command without overwhelming the reader with too much details. In this tutorial, you aim to find those omitted details so that you get a more in-depth understanding of how the code works.</p> <p>Before we proceed, ensure that you have done the following:</p> <ol><li>Read the <a href="/tp/DeveloperGuide.html#architecture"><em>Architecture</em> section of the DG</a></li> <li>Set up the project in Intellij IDEA</li> <li>Learn basic debugging features of Intellij IDEA
+    </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></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#1.-introduction" data-v-e6005420>Introduction</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#2-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#3-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#4-planned-enhancements" data-v-e6005420>Planned Enhancements</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#5-documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation and Testing</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#6-appendix-requirements" data-v-e6005420>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#7-appendix-instructions-for-manual-testing" data-v-e6005420>Manual Testing</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#8-appendix-effort" data-v-e6005420>Effort</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 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/AboutUs.html#about-us" data-v-e6005420>Introduction</a></div></li></ul></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="tutorial-tracing-code">Tutorial: Tracing code<a href="#tutorial-tracing-code" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <blockquote><p>Indeed, the ratio of time spent reading versus writing is well over 10 to 1. We are constantly reading old code as part of the effort to write new code. …​[Therefore,] making it easy to read makes it easier to write.</p> <p>—  Robert C. Martin Clean Code: A Handbook of Agile Software Craftsmanship</p></blockquote> <p>When trying to understand an unfamiliar code base, one common strategy used is to trace some representative execution path through the code base. One easy way to trace an execution path is to use a debugger to step through the code. In this tutorial, you will be using the IntelliJ IDEA’s debugger to trace the execution path of a specific user command.</p> <h2 id="before-we-start">Before we start<a href="#before-we-start" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Before we jump into the code, it is useful to get an idea of the overall structure and the high-level behavior of the application. This is provided in the 'Architecture' section of the developer guide. In particular, the architecture diagram (reproduced below), tells us that the App consists of several components.</p> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureDiagram.png" alt="ArchitectureDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>It also has a sequence diagram (reproduced below) that tells us how a command propagates through the App.</p> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureSequenceDiagram.png" width="550" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>Note how the diagram shows only the execution flows <em>between</em> the main components. That is, it does not show details of the execution path <em>inside</em> each component. By hiding those details, the diagram aims to inform the reader about the overall execution path of a command without overwhelming the reader with too much details. In this tutorial, you aim to find those omitted details so that you get a more in-depth understanding of how the code works.</p> <p>Before we proceed, ensure that you have done the following:</p> <ol><li>Read the <a href="/tp/DeveloperGuide.html#architecture"><em>Architecture</em> section of the DG</a></li> <li>Set up the project in Intellij IDEA</li> <li>Learn basic debugging features of Intellij IDEA
 <ul><li>If you are using a different IDE, we'll leave it to you to figure out the equivalent feature to use in your IDE.</li> <li>If you are not using an IDE, we'll let you figure out how to achieve the same using your coding toolchain.</li></ul></li></ol> <h2 id="setting-a-breakpoint">Setting a breakpoint<a href="#setting-a-breakpoint" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>As you know, the first step of debugging is to put in a breakpoint where you want the debugger to pause the execution. For example, if you are trying to understand how the App starts up, you would put a breakpoint in the first statement of the <code class="hljs inline no-lang">main</code> method.</p> <p>In our case, we would want to begin the tracing at the very point where the App start processing user input (i.e., somewhere in the UI component), and then trace through how the execution proceeds through the UI component. However, the execution path through a GUI is often somewhat obscure due to various <em>event-driven mechanisms</em> used by GUI frameworks, which happens to be the case here too. Therefore, let us put the breakpoint where the <code class="hljs inline no-lang">UI</code> transfers control to the <code class="hljs inline no-lang">Logic</code> component.</p> <span class="image-wrapper"><img src="/tp/diagrams/ArchitectureSequenceDiagram.png" width="550" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>According to the sequence diagram you saw earlier (and repeated above for reference), the <code class="hljs inline no-lang">UI</code> component yields control to the <code class="hljs inline no-lang">Logic</code> component through a method named <code class="hljs inline no-lang">execute</code>. Searching through the code base for an <code class="hljs inline no-lang">execute()</code> method that belongs to the <code class="hljs inline no-lang">Logic</code> component yields a promising candidate in <code class="hljs inline no-lang">seedu.address.logic.Logic</code>.</p> <img src="/tp/images/tracing/searchResultsForExecuteMethod.png"> <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>Intellij Tip:</strong> The <a href="https://www.jetbrains.com/help/idea/searching-everywhere.html" data-v-4d146e2c>'<strong data-v-4d146e2c>Search Everywhere</strong>' feature</a> can be used here. In particular, the '<strong data-v-4d146e2c>Find Symbol</strong>' ('Symbol' here refers to methods, variables, classes etc.) variant of that feature is quite useful here as we are looking for a <em data-v-4d146e2c>method</em> named <code class="hljs inline no-lang" data-v-4d146e2c>execute</code>, not simply the text <code class="hljs inline no-lang" data-v-4d146e2c>execute</code>.</p></div> <!----></div></div></div> <p>A quick look at the <code class="hljs inline no-lang">seedu.address.logic.Logic</code> (an extract given below) confirms that this indeed might be what we’re looking for.</p> <pre><code class="hljs java"><span><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">Logic</span> </span>{
 </span><span>    <span class="hljs-comment">/**</span>
 </span><span><span class="hljs-comment">     * Executes the command and returns the result.</span>
@@ -109,7 +107,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, 9:11:14 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, 9:35:50 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 c8f3e1dd09f..8faec974512 100644
--- a/tutorials/TracingCode.page-vue-render.js
+++ b/tutorials/TracingCode.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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("[About us] (/tp/AboutUs.html) :expanded\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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_m(1),_v(" "),_c('p',[_v("When trying to understand an unfamiliar code base, one common strategy used is to trace some representative execution path through the code base. One easy way to trace an execution path is to use a debugger to step through the code. In this tutorial, you will be using the IntelliJ IDEA’s debugger to trace the execution path of a specific user command.")]),_v(" "),_m(2),_v(" "),_c('p',[_v("Before we jump into the code, it is useful to get an idea of the overall structure and the high-level behavior of the application. This is provided in the 'Architecture' section of the developer guide. In particular, the architecture diagram (reproduced below), tells us that the App consists of several components.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureDiagram.png","alt":"ArchitectureDiagram"}}),_v(" "),_c('p',[_v("It also has a sequence diagram (reproduced below) that tells us how a command propagates through the App.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureSequenceDiagram.png","width":"550"}}),_v(" "),_m(3),_v(" "),_c('p',[_v("Before we proceed, ensure that you have done the following:")]),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureSequenceDiagram.png","width":"550"}}),_v(" "),_m(8),_v(" "),_c('img',{attrs:{"src":"/tp/images/tracing/searchResultsForExecuteMethod.png"}}),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Intellij Tip:")]),_v(" The "),_c('a',{attrs:{"href":"https://www.jetbrains.com/help/idea/searching-everywhere.html"}},[_v("'"),_c('strong',[_v("Search Everywhere")]),_v("' feature")]),_v(" can be used here. In particular, the '"),_c('strong',[_v("Find Symbol")]),_v("' ('Symbol' here refers to methods, variables, classes etc.) variant of that feature is quite useful here as we are looking for a "),_c('em',[_v("method")]),_v(" named "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("execute")]),_v(", not simply the text "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("execute")]),_v(".")])]),_v(" "),_m(9),_v(" "),_m(10),_m(11),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ComponentManagers.png"}}),_v(" "),_m(12),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Intellij Tip:")]),_v(" The "),_c('a',{attrs:{"href":"https://www.jetbrains.com/help/idea/find-highlight-usages.html#find-usages"}},[_v("'"),_c('strong',[_v("Find Usages")]),_v("' feature")]),_v(" can find from which parts of the code a class/method/variable is being used.")])]),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_m(16),_v(" "),_m(17),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Tip:")]),_v(" Over the course of the debugging session, you will encounter every major component in the application. Try to keep track of what happens inside the component and where the execution transfers to another component.")])]),_v(" "),_c('ol',[_m(18),_v(" "),_m(19),_v(" "),_m(20),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_m(27),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_c('li',[_m(30),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Intellij Tip:")]),_v(" Sometimes, you might end up stepping into functions that are not of interest. Simply use the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("step out")]),_v(" button to get out of them!")])])],1),_v(" "),_m(31),_v(" "),_m(32),_v(" "),_c('li',[_m(33),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ParserClasses.png","width":"600"}})],1),_v(" "),_c('li',[_m(34),_v(" "),_m(35),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tracing/LogicSequenceDiagram.png","alt":"Tracing an `edit` command through the Logic component"}})],1),_v(" "),_m(36),_v(" "),_c('li',[_m(37),_v(" "),_c('ul',[_m(38),_v(" "),_c('li',[_v("it uses the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("updateFilteredPersonList")]),_v(" method to ask the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model")]),_v(" to populate the 'filtered list' with "),_c('em',[_v("all")]),_v(" persons."),_c('br'),_v("\nFYI, The 'filtered list' is the list of persons resulting from the most recent operation that will be shown to the user immediately after. For the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit")]),_v(" command, we populate it with all the persons so that the user can see the edited person along with all other persons. If this was a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find")]),_v(" command, we would be setting that list to contain the search results instead."),_c('br'),_v("\nTo provide some context, given below is the class diagram of the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model")]),_v(" component. See if you can figure out where the 'filtered list' of persons is being tracked."),_c('pic',{attrs:{"src":"/tp/diagrams/ModelClassDiagram.png","width":"450"}}),_c('br')],1),_v(" "),_m(39)])]),_v(" "),_m(40),_v(" "),_c('li',[_m(41),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/LogicClassDiagram.png","width":"550"}}),_v(" "),_m(42)],1),_v(" "),_c('li',[_m(43),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Intellij Tip:")]),_v(" When trying to step into a statement such as "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("storage.saveAddressBook(model.getAddressBook())")]),_v(" which contains multiple method calls, Intellij will let you choose (by clicking) which one you want to step into.")])])],1),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_c('li',[_m(46),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StorageClassDiagram.png","width":"550"}}),_v(" "),_m(47)],1),_v(" "),_m(48),_v(" "),_m(49),_v(" "),_m(50)]),_v(" "),_m(51),_v(" "),_c('p',[_v("In this tutorial, we traced a valid edit command from raw user input to the result being displayed to the user. From this tutorial, you learned more about how the various components work together to produce a response to a user command.")]),_v(" "),_c('p',[_v("Here are some quick questions you can try to answer based on your execution path tracing. In some cases, you can do further tracing for the given commands to find exactly what happens.")]),_v(" "),_m(52)],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":"#tutorial-tracing-code"}},[_v("Tutorial: Tracing code‎")]),_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":"#before-we-start"}},[_v("Before we start‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#setting-a-breakpoint"}},[_v("Setting a breakpoint‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#tracing-the-execution-path"}},[_v("Tracing the execution path‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#conclusion"}},[_v("Conclusion‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(53)])}
+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("ProjectPRO")])]},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/se-edu/addressbook-level3","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-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#1.-introduction"}},[_v("Introduction")])])]),_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#2-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#3-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#4-planned-enhancements"}},[_v("Planned Enhancements")])])]),_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#5-documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation and Testing")])])]),_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#6-appendix-requirements"}},[_v("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#7-appendix-instructions-for-manual-testing"}},[_v("Manual Testing")])])]),_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#8-appendix-effort"}},[_v("Effort")])])])])]),_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")]),_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/AboutUs.html#about-us"}},[_v("Introduction")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_m(1),_v(" "),_c('p',[_v("When trying to understand an unfamiliar code base, one common strategy used is to trace some representative execution path through the code base. One easy way to trace an execution path is to use a debugger to step through the code. In this tutorial, you will be using the IntelliJ IDEA’s debugger to trace the execution path of a specific user command.")]),_v(" "),_m(2),_v(" "),_c('p',[_v("Before we jump into the code, it is useful to get an idea of the overall structure and the high-level behavior of the application. This is provided in the 'Architecture' section of the developer guide. In particular, the architecture diagram (reproduced below), tells us that the App consists of several components.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureDiagram.png","alt":"ArchitectureDiagram"}}),_v(" "),_c('p',[_v("It also has a sequence diagram (reproduced below) that tells us how a command propagates through the App.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureSequenceDiagram.png","width":"550"}}),_v(" "),_m(3),_v(" "),_c('p',[_v("Before we proceed, ensure that you have done the following:")]),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureSequenceDiagram.png","width":"550"}}),_v(" "),_m(8),_v(" "),_c('img',{attrs:{"src":"/tp/images/tracing/searchResultsForExecuteMethod.png"}}),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Intellij Tip:")]),_v(" The "),_c('a',{attrs:{"href":"https://www.jetbrains.com/help/idea/searching-everywhere.html"}},[_v("'"),_c('strong',[_v("Search Everywhere")]),_v("' feature")]),_v(" can be used here. In particular, the '"),_c('strong',[_v("Find Symbol")]),_v("' ('Symbol' here refers to methods, variables, classes etc.) variant of that feature is quite useful here as we are looking for a "),_c('em',[_v("method")]),_v(" named "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("execute")]),_v(", not simply the text "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("execute")]),_v(".")])]),_v(" "),_m(9),_v(" "),_m(10),_m(11),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ComponentManagers.png"}}),_v(" "),_m(12),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Intellij Tip:")]),_v(" The "),_c('a',{attrs:{"href":"https://www.jetbrains.com/help/idea/find-highlight-usages.html#find-usages"}},[_v("'"),_c('strong',[_v("Find Usages")]),_v("' feature")]),_v(" can find from which parts of the code a class/method/variable is being used.")])]),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_m(16),_v(" "),_m(17),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Tip:")]),_v(" Over the course of the debugging session, you will encounter every major component in the application. Try to keep track of what happens inside the component and where the execution transfers to another component.")])]),_v(" "),_c('ol',[_m(18),_v(" "),_m(19),_v(" "),_m(20),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_m(27),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_c('li',[_m(30),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Intellij Tip:")]),_v(" Sometimes, you might end up stepping into functions that are not of interest. Simply use the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("step out")]),_v(" button to get out of them!")])])],1),_v(" "),_m(31),_v(" "),_m(32),_v(" "),_c('li',[_m(33),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ParserClasses.png","width":"600"}})],1),_v(" "),_c('li',[_m(34),_v(" "),_m(35),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/tracing/LogicSequenceDiagram.png","alt":"Tracing an `edit` command through the Logic component"}})],1),_v(" "),_m(36),_v(" "),_c('li',[_m(37),_v(" "),_c('ul',[_m(38),_v(" "),_c('li',[_v("it uses the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("updateFilteredPersonList")]),_v(" method to ask the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model")]),_v(" to populate the 'filtered list' with "),_c('em',[_v("all")]),_v(" persons."),_c('br'),_v("\nFYI, The 'filtered list' is the list of persons resulting from the most recent operation that will be shown to the user immediately after. For the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit")]),_v(" command, we populate it with all the persons so that the user can see the edited person along with all other persons. If this was a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find")]),_v(" command, we would be setting that list to contain the search results instead."),_c('br'),_v("\nTo provide some context, given below is the class diagram of the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model")]),_v(" component. See if you can figure out where the 'filtered list' of persons is being tracked."),_c('pic',{attrs:{"src":"/tp/diagrams/ModelClassDiagram.png","width":"450"}}),_c('br')],1),_v(" "),_m(39)])]),_v(" "),_m(40),_v(" "),_c('li',[_m(41),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/LogicClassDiagram.png","width":"550"}}),_v(" "),_m(42)],1),_v(" "),_c('li',[_m(43),_v(" "),_c('box',{attrs:{"type":"tip","seamless":""}},[_c('p',[_c('strong',[_v("Intellij Tip:")]),_v(" When trying to step into a statement such as "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("storage.saveAddressBook(model.getAddressBook())")]),_v(" which contains multiple method calls, Intellij will let you choose (by clicking) which one you want to step into.")])])],1),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_c('li',[_m(46),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StorageClassDiagram.png","width":"550"}}),_v(" "),_m(47)],1),_v(" "),_m(48),_v(" "),_m(49),_v(" "),_m(50)]),_v(" "),_m(51),_v(" "),_c('p',[_v("In this tutorial, we traced a valid edit command from raw user input to the result being displayed to the user. From this tutorial, you learned more about how the various components work together to produce a response to a user command.")]),_v(" "),_c('p',[_v("Here are some quick questions you can try to answer based on your execution path tracing. In some cases, you can do further tracing for the given commands to find exactly what happens.")]),_v(" "),_m(52)],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":"#tutorial-tracing-code"}},[_v("Tutorial: Tracing code‎")]),_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":"#before-we-start"}},[_v("Before we start‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#setting-a-breakpoint"}},[_v("Setting a breakpoint‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#tracing-the-execution-path"}},[_v("Tracing the execution path‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#conclusion"}},[_v("Conclusion‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(53)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -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, 9:11:14 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, 9:35:50 GMT+8]")])])])}
 }];
   
\ No newline at end of file
