Update README with my wife help :))

Author: trungvose

README.md

@@ -1,10 +1,10 @@
 # A simplified Jira clone built with Angular 9 and Akita
 
-> Phase 2 will be started very soon with a lot of exciting features: GraphQL, Authentication, and more.
+> Phase 2 will start off very soon with several promisingly exciting features: GraphQL, Authentication, and more.
 
-I got the motivation from the similar clone app written in `React`/`VueJS`. And I thought **Why not Angular**? So here you go. It is a simplified Jira clone built with Angular 9.
+There have been a handful of cool Jira-cloned apps written in `React`/`VueJS`, which makes me wonder **Why not Angular**? And here you go.
 
-It is an example of a **modern**, **real-world** Angular codebase. Working on this project helped me to strengthen my knowledge about Angular.
+This is not only a simplified Jira clone built with Angular 9, but also an example of a **modern**, **real-world** Angular codebase.
 
 ## Working application
 
@@ -15,9 +15,9 @@ Check out the **live demo** -> https://jira.trungk18.com
 If you like my work, feel free to:
 
 - [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)][tweet] about Angular Jira clone
-- :star: this repository. It will make both of us happy :)
+- :star: this repository. And we will be happy together :)
 
-Thanks for visiting and your support :)
+Thanks a bunch for stopping by and supporting me!
 
 [tweet]: https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Ftrungk18%2Fjira-clone-angular&text=Awesome%20Jira%20clone%20app%20built%20with%20Angular%209%20and%20Akita&hashtags=angular,akita,typescript
 
@@ -31,7 +31,7 @@ There are many Angular examples on the web but most of them are way too simple.
 
 ---
 
-This application is a part of our technical series [angular-vietnam/100-days-of-angular][100days] with a clear target: after 100 days of learning Angular through with us, **everyone can build the application at the same scale**. We also want to bring Angular to a **broader** developer community in Vietnam.
+This piece of work is part of our technical series [angular-vietnam/100-days-of-angular][100days] which aims at enabling everyone, after 100 days of learning Angular with us, to **self-build their application with the similar scale**. Our desire is to advocate and grow the Angular developer community in Vietnam.
 
 [zyllem]: https://www.zyllem.com/
 
@@ -62,7 +62,7 @@ This application is a part of our technical series [angular-vietnam/100-days-of-
 
 ## Features and Roadmap
 
-I set the tentative deadline to motivate myself to finish it on time. Otherwise, It will take forever to complete :)
+I set the tentative deadline for motivating myself to finish the work on time. Otherwise, It will take forever to complete :)
 
 ### Phase 1 - Angular application and simple Nest API
 
@@ -74,7 +74,7 @@ I set the tentative deadline to motivate myself to finish it on time. Otherwise,
 - [x] Search/filtering issues
 - [x] Add comments
 
-> Noted: All of your interactions with data such as a comment or change the issue detail will not be saved to the persistent database. Currently, the application will serve a fixed structure of data every time you open the app. It means if you reload the browser, all of your changes will be gone.
+> Noted: All of your interactions with data such as leave a comment or change the issue detail will not be saved to the persistent database. Currently, the application will serve a fixed structure of data every time you open the app. It means if you reload the browser, all of your changes will be gone.
 >
 > Phase 2 will bring you a proper API where you can log in and save your work.
 
@@ -99,13 +99,13 @@ I will take two weeks break to continue working with the [typescript-data-struct
 
 ## Tutorial
 
-When I look at the application, it is huge. When the task is huge, you don't know where and how to start working with them. I started to break them apart into a [simple to-do list on notion][todo-list]. Once I know what needs to be done, what I need to do is to follow the plan. That's how I built the app.
+When I look at the application, it is huge. When the task is huge, you don't know where and how to start working with them. I started to break the big task into a [simple to-do list on notion][todo-list]. Once I know what needs to be done, what I need is to follow the plan. That's is my approach.
 
-I learned a lot of stuff. I know you might also have a curiosity about the process of building the same scale app. That's why I am writing a list of tutorials on how I built Angular Jira clone from scratch. I hope you guys will learn something from that too :) 
+I learned a lot of stuff. I know you might also have a curiosity about the process of building the same scale app as well. That's why I am writing a tutorial series on how I built Angular Jira clone from scratch. I hope you guys will learn something from that too :)
 
-Please bear with me for a little longer. Because with almost 50 hours coding, to write every single step is impossible. But hopefully, through the tutorial, you will get the idea and can start building the app today.
+Please bear with me for a little longer. Because with almost 50 hours coding, to write every single step is impossible. But hopefully through the tutorial, you will get the idea and can start building your idea very soon.
 
-Its series will also be published in Vietnamese as a part of our [angular-vietnam/100-days-of-angular][100days].
+Its series will also be published in Vietnamese as part of our [angular-vietnam/100-days-of-angular][100days].
 
 | Part |                                                | Status      |
 | ---- | ---------------------------------------------- | ----------- |

backend/src/project/projects.ts

@@ -156,7 +156,7 @@ export const Project = {
       id: '9584',
       title: 'What is Angular Jira clone application?',
       description:
-        "<p>This project is basically a clone of another open source Jira clone build in <strong>React</strong> and <strong>VueJS</strong> (you could say <u>a clone of a clone application</u> I know). I though it would be a great candidate of a modern, real-world Angular codebase and it really helps me to strengthen my knowledge about Angular.</p><p><br></p><p>I like working with interactive UI because it is challenging, but also very exciting.</p><p><br></p><p>This the the <strong>technology stack</strong> of this application</p><p><br></p><ul><li>Angular&nbsp;CLI</li><li>Akita&nbsp;state&nbsp;management</li><li>NestJS</li><li>UI&nbsp;modules:</li></ul><ol><li>TailwindCSS</li><li>Angular&nbsp;CDK&nbsp;drag&nbsp;and&nbsp;drop</li><li>ng-zorro&nbsp;UI&nbsp;component:&nbsp;<span style='color: rgb(206, 145, 120);'>tooltip</span>,&nbsp;<span style='color: rgb(206, 145, 120);'>dropdown</span>,&nbsp;<span style='color: rgb(206, 145, 120);'>icon</span></li><li>&nbsp;ngx-quill</li></ol><ul><li>Netlify</li></ul>",
+        "<p>There have been a handful of cool Jira-cloned apps written in React/VueJS, which makes me wonder <strong>Why not Angular</strong>? And here you go.</p><p><br></p><p>This is <u>not only</u> a simplified Jira clone built with Angular 9, but also an example of a <u>modern, real-world</u> Angular codebase.</p><p><br></p><p><strong>Tech stack</strong></p><p><br></p><p><a href='https://raw.githubusercontent.com/trungk18/jira-clone-angular/master/frontend/src/assets/img/jira-clone-tech-stack.png' rel='noopener noreferrer' target='_blank' style='color: rgb(3, 102, 214); background-color: rgb(255, 255, 255);'><img src='https://github.com/trungk18/jira-clone-angular/raw/master/frontend/src/assets/img/jira-clone-tech-stack.png' alt='Tech logos'></a></p><p><br></p><ul><li><a href='https://cli.angular.io/' rel='noopener noreferrer' target='_blank' style='color: rgb(3, 102, 214);'>Angular CLI</a></li><li><a href='https://datorama.github.io/akita/' rel='noopener noreferrer' target='_blank' style='color: rgb(3, 102, 214);'>Akita</a>&nbsp;state management</li><li><a href='https://nestjs.com/' rel='noopener noreferrer' target='_blank' style='color: rgb(3, 102, 214);'>NestJS</a></li><li>UI modules:</li><li class='ql-indent-1'><a href='https://tailwindcss.com/' rel='noopener noreferrer' target='_blank' style='color: rgb(3, 102, 214);'>TailwindCSS</a></li><li class='ql-indent-1'>Angular CDK&nbsp;<a href='https://material.angular.io/cdk/drag-drop/overview' rel='noopener noreferrer' target='_blank' style='color: rgb(3, 102, 214);'>drag and drop</a></li><li class='ql-indent-1'><a href='https://ng.ant.design/docs/introduce/en' rel='noopener noreferrer' target='_blank' style='color: rgb(3, 102, 214);'>ng-zorro</a>&nbsp;UI component:&nbsp;<code style='background-color: rgba(27, 31, 35, 0.05);'>tooltip</code>,&nbsp;<code style='background-color: rgba(27, 31, 35, 0.05);'>dropdown</code>,&nbsp;<code style='background-color: rgba(27, 31, 35, 0.05);'>select</code>,&nbsp;<code style='background-color: rgba(27, 31, 35, 0.05);'>icon</code></li><li class='ql-indent-1'><a href='https://github.com/KillerCodeMonkey/ngx-quill' rel='noopener noreferrer' target='_blank' style='color: rgb(3, 102, 214);'>ngx-quill</a></li><li><a href='https://www.netlify.com/' rel='noopener noreferrer' target='_blank' style='color: rgb(3, 102, 214);'>Netlify</a></li><li><a href='https://www.heroku.com/' rel='noopener noreferrer' target='_blank' style='color: rgb(3, 102, 214);'>Heroku</a></li></ul>",
       type: 'Task',
       status: 'Backlog',
       priority: 'Medium',
@@ -200,5 +200,20 @@ export const Project = {
         '7ac265f9-b9ac-443f-a2b2-795682e579a4',
       ],
     },
+    {
+      id: '9667',
+      title:
+        'When creating an issue, the assignee list is not working properly on searching',
+      description:
+        "After searching for an assignee on the list and clear the text, the option label was missing. It could be the bug on the ng-zorro select itself. If you have any idea, feel free to create a pull request. <br/> <br/><img src='https://raw.githubusercontent.com/trungk18/jira-clone-angular/master/frontend/src/assets/img/assignee-bug.gif' alt='Assignee issue' />",
+      type: 'Bug',
+      status: 'Selected',
+      priority: 'High',
+      listPosition: 1,
+      createdAt: '2020-06-28T15:30:00.000Z',
+      updatedAt: '2020-06-28T16:30:00.000Z',
+      reporterId: 'd65047e5-f4cf-4caa-9a38-6073dcbab7d1',
+      userIds: ['d65047e5-f4cf-4caa-9a38-6073dcbab7d1'],
+    },
   ],
 };

frontend/src/assets/img/assignee-bug.gif

@@ -8,7 +8,7 @@
     "install-dependencies-back": "cd backend && npm i",
     "start:front": "npm run install-dependencies-front && cd frontend && npm start",
     "build:front": "cd frontend && npm run build",
-    "start:back": "npm run install-dependencies-back && cd backend && npm start",
+    "start:back": "npm run install-dependencies-back && cd backend && npm run start:dev",
     "build:back": "cd backend && npm run build",
     "build": "npm run install-dependencies && npm run build:back && npm run build:front",
     "heroku-postbuild": "npm run install-dependencies-back && npm run build:back"