Add buy a coffee button

Author: trungvose

README.md

@@ -16,6 +16,7 @@ This is not only a simplified Jira clone built with Angular 9, but also an examp
 - [A simplified Jira clone built with Angular 9 and Akita](#a-simplified-jira-clone-built-with-angular-9-and-akita)
 
   - [Working application](#working-application)
+  - [Support](#support)
   - [Who is it for 🤷‍♀️](#who-is-it-for-️)
   - [Tech stack](#tech-stack)
   - [High level design](#high-level-design)
@@ -38,19 +39,22 @@ This is not only a simplified Jira clone built with Angular 9, but also an examp
   - [Credits](#credits)
   - [License](#license)
 
-  </p>
-</details>
+    </p>
+  </details>
 
 ## Working application
 
 Check out the **live demo** -> https://jira.trungk18.com
 
 ![Jira clone built with Angular 9 and Akita][demo]
 
+## Support
+
 If you like my work, feel free to:
 
+- ⭐ this repository. And we will be happy together :)
 - [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)][tweet] about Angular Jira clone
-- :star: this repository. And we will be happy together :)
+- <a title="Thanks for your support!" href="https://www.buymeacoffee.com/tuantrungvo" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" style="max-width: 120px;" ></a>
 
 Thanks a bunch for stopping by and supporting me!
 

frontend/src/app/project/pages/board/board.component.html

@@ -3,10 +3,24 @@
     <header class="mt-3 flex justify-between text-textDarkest">
         <div class="text-2xl font-medium">Kanban board</div>
         <div class="social-links">
+            <a href="https://www.buymeacoffee.com/tuantrungvo"
+               target="_blank"
+               rel="noopener">
+                <j-button className="btn-secondary mr-2"> 🍺 Buy me a beer
+                </j-button>
+            </a>
+
+            <a href="https://tetris.trungk18.com/"
+               target="_blank"
+               rel="noopener">
+                <j-button className="btn-secondary mr-2"> 🎮 Angular Tetris
+                </j-button>
+            </a>
+
             <a href="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"
                (click)="sendTwitterEventButton()"
                target="_blank"
-               rel="noreferrer noopener"
+               rel="noopener"
                class="mr-2">
                 <j-button className="btn-secondary">
                     <div class="flex items-center">
@@ -17,15 +31,9 @@
                     </div>
                 </j-button>
             </a>
-            <a href="https://tetris.trungk18.com/"
-               target="_blank"
-               rel="noreferrer noopener">
-                <j-button className="btn-secondary mr-2"> 🎮 Angular Tetris
-                </j-button>
-            </a>
             <a href="https://github.com/trungk18/jira-clone-angular"
                target="_blank"
-               rel="noreferrer noopener">
+               rel="noopener">
                 <j-button className="btn-secondary"
                           icon="github">Github Repo
                 </j-button>