Merge pull request trungvose#42 from trungk18/nestjs-api

Nestjs api

Author: trungvose

README.md

@@ -97,6 +97,34 @@ I will take two weeks break to continue working with the [typescript-data-struct
 - [ ] Websocket realtime update
 - [ ] Interactive report
 
+## 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.
+
+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 :) 
+
+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.
+
+Its series will also be published in Vietnamese as a part of our [angular-vietnam/100-days-of-angular][100days].
+
+| Part |                                                | Status      |
+| ---- | ---------------------------------------------- | ----------- |
+| 01   | Setup and configure project with CLI           | In Progress |
+| 02   | [Configure TailwindCSS][part2]                 | Done        |
+| 03   | Configure SVG definition and using custom icon |             |
+| 04   | Google Analytics and Angular                   |             |
+| 05   | Flexbox scrollable layout                      |             |
+| 06   | Layout and left navigation                     |             |
+| 07   | Akita                                          |             |
+| 08   | Deploy to Netlify                              |             |
+| 09   | Drag and drop                                  |             |
+| 10   | Content loader                                 |             |
+| 11   | Quill Editor                                   |             |
+| 12   | Build an inline editable text box              |             |
+
+[todo-list]: https://www.notion.so/trungk18/Tasks-636be5c5c0dd4d8cab30808e4e41facc
+[part2]: https://trungk18.com/experience/configure-tailwind-css-with-angular/
+
 ## Time spending
 
 I built it as the side project so It usually took longer than expected. One day, my team and I were fire fighting on PROD until 11 PM. After taking a shower, I continue with Angular Jira clone for another two hours...

backend/README.md

@@ -64,12 +64,6 @@ $ npm run test:cov
 
 Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support).
 
-## Stay in touch
-
-- Author - [Kamil Myśliwiec](https://kamilmysliwiec.com)
-- Website - [https://nestjs.com](https://nestjs.com/)
-- Twitter - [@nestframework](https://twitter.com/nestframework)
-
 ## License
 
   Nest is [MIT licensed](LICENSE).

frontend/README.md

@@ -2,11 +2,24 @@
 
 The front end part of [Angular Jira clone][github] application built with.
 
-- Akita state management
-- TailwindCSS
-- Angular CDK Drag and drop
-- Ng zorro tooltip, icon
-- Custom SVG icon
+![Tech logos][stack]
+
+- [Angular CLI][cli]
+- [Akita][akita] state management
+- UI modules:
+  - [TailwindCSS][tailwind]
+  - Angular CDK [drag and drop][cdkdrag]
+  - [ng-zorro][ng-zorro] UI component: `tooltip`, `dropdown`, `select`, `icon`
+  - [ngx-quill][quill]
+
+[cli]: https://cli.angular.io/
+[akita]: https://datorama.github.io/akita/
+[nestjs]: https://nestjs.com/
+[tailwind]: https://tailwindcss.com/
+[cdkdrag]: https://material.angular.io/cdk/drag-drop/overview
+[ng-zorro]: https://ng.ant.design/docs/introduce/en
+[quill]: https://github.com/KillerCodeMonkey/ngx-quill
+[stack]: src/assets/img/jira-clone-tech-stack.png
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.8.
 
@@ -22,16 +35,4 @@ Run `ng generate component component-name` to generate a new component. You can
 
 Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
 
-## Running unit tests
-
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
-
-[github]: https://github.com/trungk18/
+[github]: https://github.com/trungk18/

frontend/src/index.html

@@ -13,14 +13,14 @@
   <meta property="og:url" content="https://jira.trungk18.com/">
   <meta property="og:title" content="Angular Jira Clone with Akita">
   <meta property="og:description" content="A simplified Jira clone built with Angular 9 and Akita">
-  <meta property="og:image" content="https://trungk18.com/img/trungk18.png">
+  <meta property="og:image" content="assets/img/jira-clone-tech-stack.png">
 
   <!-- Twitter -->
   <meta property="twitter:card" content="summary_large_image">
   <meta property="twitter:url" content="https://jira.trungk18.com/">
   <meta property="twitter:title" content="Angular Jira Clone with Akita">
   <meta property="twitter:description" content="A simplified Jira clone built with Angular 9 and Akita">
-  <meta property="twitter:image" content="https://trungk18.com/img/trungk18.png">
+  <meta property="twitter:image" content="assets/img/jira-clone-tech-stack.png">
   <link rel="image_src" href="assets/favicon.png" type="image/png">
   <link rel="shortcut icon" href="assets/favicon.png" type="image/png">
   <link rel="icon" href="assets/favicon.png" type="image/png">

frontend/src/index.prod.html

@@ -22,7 +22,7 @@
   <meta property="og:description"
         content="A simplified Jira clone built with Angular 9 and Akita">
   <meta property="og:image"
-        content="https://trungk18.com/img/trungk18.png">
+        content="assets/img/jira-clone-tech-stack.png">
 
   <!-- Twitter -->
   <meta property="twitter:card"
@@ -34,7 +34,7 @@
   <meta property="twitter:description"
         content="A simplified Jira clone built with Angular 9 and Akita">
   <meta property="twitter:image"
-        content="https://trungk18.com/img/trungk18.png">
+        content="assets/img/jira-clone-tech-stack.png">
   <link rel="image_src"
         href="assets/favicon.png"
         type="image/png">