feat: update github profile

Author: Keith-CY

README.md

@@ -1,5 +1,70 @@
-[![Typing SVG](https://readme-typing-svg.herokuapp.com?center=true&lines=Fly+to+the+Web+3.0)](https://git.io/typing-svg)
-<a href="https://github.com/404"><img src="https://user-images.githubusercontent.com/73097560/115834477-dbab4500-a447-11eb-908a-139a6edaec5c.gif"></a>
+<p align="center">
+  <img src="https://readme-typing-svg.herokuapp.com?center=true&lines=Fly+to+the+Web+3.0" alt="">
+</p>
+
+<img src="https://user-images.githubusercontent.com/73097560/115834477-dbab4500-a447-11eb-908a-139a6edaec5c.gif" alt="divider">
+
+### Fields
+
+> Metaverse = Blockchain + XR
+
+### Some Tools I Use
+
+<h5>Language & Runtime</h5>
+<p>
+  <img alt="TypeScript"
+    src="https://img.shields.io/badge/-TypeScript-007ACC?style=flat-square&logo=typescript&logoColor=white" />
+  <img alt="Elixir" src="https://img.shields.io/badge/-Elixir-4e2a8e?style=flat-square&logo=Elixir&logoColor=white" />
+  <img alt="Go" src="https://img.shields.io/badge/-Go-7fd5ea?style=flat-square&logo=Go&logoColor=white" />
+  <img alt="NodeJs" src="https://img.shields.io/badge/-Node.js-43853d?style=flat-square&logo=Node.js&logoColor=white" />
+</p>
+
+<h5>Library & Framework</h5>
+<p>
+  <img alt="React" src="https://img.shields.io/badge/-React-45b8d8?style=flat-square&logo=react&logoColor=white" />
+  <img alt="Next.js" src="https://img.shields.io/badge/-Next.js-0070f3?style=flat-square&logo=nextjs&logoColor=white" />
+  <img alt="Nest.js" src="https://img.shields.io/badge/-Nest.js-ea2845?style=flat-square&logo=nestjs&logoColor=white" />
+  <img alt="Phoenix" src="https://img.shields.io/badge/-Phoenix-ff6f61?style=flat-square&logo=Phoenix&logoColor=white" />
+  <img alt="Flutter" src="https://img.shields.io/badge/-Flutter-075b9a?style=flat-square&logo=Flutter&logoColor=white" />
+  <img alt="ReactiveX"
+    src="https://img.shields.io/badge/-RxJs-B7178C?style=flat-square&logo=reactivex&logoColor=white" />
+  <img alt="GraphQL"
+    src="https://img.shields.io/badge/-GraphQL-E10098?style=flat-square&logo=graphql&logoColor=white" />
+  <img alt="SaSS" src="https://img.shields.io/badge/-SaSS-CC6699?style=flat-square&logo=sass&logoColor=white" />
+  <img alt="Tailwindcss"
+    src="https://img.shields.io/badge/-Tailwindcss-3b82f6?style=flat-square&logo=Tailwindcss&logoColor=white" />
+  <img alt="Styled Components"
+    src="https://img.shields.io/badge/-Styled_Components-db7092?style=flat-square&logo=styled-components&logoColor=white" />
+  <img alt="d3js" src="https://img.shields.io/badge/-D3.js-e6550d?style=flat-square&logo=d3.js&logoColor=white" />
+  <img alt="three.js" src="https://img.shields.io/badge/-Three.js-049EF4?style=flat-square&logo=three.js&logoColor=white" />
+</p>
+<h5>Design System</h5>
+<p>
+  <img alt="material-ui" src="https://img.shields.io/badge/-Material_UI-0081cb?style=flat-square&logo=material-ui&logoColor=white" />
+  <img alt="material-design" src="https://img.shields.io/badge/-Material_Design-757575?style=flat-square&logo=material-design&logoColor=white" />
+  <img alt="fluent-design" src="https://img.shields.io/badge/-Fluent_Design-4fe5ff?style=flat-square&logo=fluent-design&logoColor=white" />
+</p>
+
+<h5>Database</h5>
+<p>
+  <img alt="pg" src="https://img.shields.io/badge/-PostgreSQL-4169e1?style=flat-square&logo=postgresql&logoColor=white" />
+  <img alt="mongodb" src="https://img.shields.io/badge/-MongoDB-47a248?style=flat-square&logo=mongodb&logoColor=white" />
+  <img alt="sqlite" src="https://img.shields.io/badge/-SQLite-003B57?style=flat-square&logo=sqlite&logoColor=white" />
+</p>
+<h5>Miscellaneous</h5>
+<p>
+  <img alt="git" src="https://img.shields.io/badge/-Git-F05032?style=flat-square&logo=git&logoColor=white" />
+  <img alt="github actions"
+    src="https://img.shields.io/badge/-Github_Actions-2088FF?style=flat-square&logo=github-actions&logoColor=white" />
+  <img alt="vercel"
+    src="https://img.shields.io/badge/-Vercel-000000?style=flat-square&logo=vercel&logoColor=white" />
+  <img alt="Docker" src="https://img.shields.io/badge/-Docker-46a2f1?style=flat-square&logo=docker&logoColor=white" />
+  <img alt="Tmux" src="https://img.shields.io/badge/-Tmux-1bb91f?style=flat-square&logo=tmux&logoColor=white" />
+  <img alt="Iterm2" src="https://img.shields.io/badge/-Iterm2-0ce927?style=flat-square&logo=iterm2&logoColor=white" />
+  <img alt="oh-my-zsh" src="https://img.shields.io/badge/-oh_my_zsh-c5d928?style=flat-square&logo=oh-my-zsh&logoColor=white" />
+</p>
+
+### My activities
 
 <table>
 <tbody>