Merge pull request #45 from zhumeisongsong/feature/add-badges-of-tech…

…-stack feat: ✨ development stack
zhumeisongsong · Oct 30, 2024 · 237fabc · 237fabc
2 parents 74c7eaa + 1820b3b
commit 237fabc
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 54 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,9 +1,12 @@
 {
   "cSpell.words": [
     "CDUT",
+    "colorit",
+    "Hackathon",
     "Kanagawa",
     "Monstarlab",
     "textlint",
-    "vitepress"
+    "vitepress",
+    "Xinyao"
   ]
 }
diff --git a/src/.vitepress/config.mts b/src/.vitepress/config.mts
@@ -9,7 +9,6 @@ export default defineConfig({
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       { text: "CV", link: "/" },
-      { text: "Blog", link: "/blog" },
     ],
 
     socialLinks: [

diff --git a/src/index.md b/src/index.md
@@ -3,21 +3,25 @@
 layout: doc
 ---
 
-
 # Zhumei Song‘s CV
 
 Software engineer based in Tokyo. 🇯🇵
 
-<a href="mailto:[email protected]" target="_blank"><img alt="Email" src="https://img.shields.io/badge/email-333.svg?&logo=Gmail&logoColor=red&style=for-the-badge" /></a><a href="https://github.com/zhumeisongsong" target="_blank"><img alt="GitHub" src="https://img.shields.io/badge/zhumeisongsong-%2312100E.svg?&logo=Github&logoColor=white&style=for-the-badge" /></a><a href="https://zhumeisongsong.github.io/blog" target="_blank"><img alt="Blog" src="https://img.shields.io/badge/Song's%20Blog-6c3485.svg?&style=for-the-badge&logo=Next.js&logoColor=white" /></a><a href="https://www.linkedin.com/in/zhumei-song-a9041a1bb" target="_blank"><img alt="Linkedin" src="https://img.shields.io/badge/linkdin-0a66c2.svg?&style=for-the-badge&logo=linkedin&logoColor=white" /></a>
+<div style=" display:flex; gap: 8px; flex-warp: wrap;">
+<a href="mailto:[email protected]" target="_blank"><img alt="Email" src="https://img.shields.io/badge/email-444.svg?&logo=Gmail&logoColor=red&style=for-the-badge" /></a>
+<a href="https://github.com/zhumeisongsong" target="_blank"><img alt="GitHub" src="https://img.shields.io/badge/zhumeisongsong-333.svg?&logo=Github&logoColor=white&style=for-the-badge" /></a>
+<a href="https://zhumeisongsong.github.io/blog" target="_blank"><img alt="Blog" src="https://img.shields.io/badge/Song's%20Blog-6c3485.svg?&style=for-the-badge&logo=Next.js&logoColor=white" /></a>
+<a href="https://www.linkedin.com/in/zhumei-song-a9041a1bb" target="_blank"><img alt="Linkedin" src="https://img.shields.io/badge/linkdin-0a66c2.svg?&style=for-the-badge&logo=linkedin&logoColor=white" /></a>
+</div>
 
 ## 🐱 Basic Information
 
-|Key|Value|
-|--|--|
-|Name|Zhumei Song|
-|Birth|1990/08/29|
-|Address|Yokohama City, Kanagawa Province, Japan|
-|Highest level of education| Chengdu University of Technology <br/> Bachelor of Agriculture, Landscape Architecture |
+| Key                        | Value                                                                                  |
+| -------------------------- | -------------------------------------------------------------------------------------- |
+| Name                       | Zhumei Song                                                                            |
+| Birth                      | 1990/08/29                                                                             |
+| Address                    | Yokohama City, Kanagawa Province, Japan                                                |
+| Highest level of education | Chengdu University of Technology <br/> Bachelor of Agriculture, Landscape Architecture |
 
 ## 👩🏼‍💻 Engineering Experience
 
@@ -35,86 +39,82 @@ what we achieved:
 
 ### @[Monstarlab Japan](https://monstar-lab.com/jp) (2018/12 ~ 2021/11)
 
-Front-end Tech Lead
+:::details Front-end Tech Lead
 
 Businesses and projects:
 
 My roles:
 
 what we achieved:
 
+:::
+
 ### @[Monstarlab China](https://www.monstar-lab.com.cn/) (2014/10 ~ 2018/11)
 
-Front-end Tech Lead (2016/03 ~ 2018/11)<br/>
+:::details Front-end Tech Lead (2016/03 ~ 2018/11)
 
 Businesses and projects:
 
 My roles:
 
 what we achieved:
 
-Software Engineer (2014/10 ~ 2016/02)
+:::
+
+:::details Software Engineer (2014/10 ~ 2016/02)
 
 Businesses and projects:
 
 My roles:
 
 what we achieved:
 
+:::
+
 ### Freelancer (2009/09 ~ 2014/01)
 
-Website Development Engineer
+:::details Web Developer
 
+:::
 
 ## 🎨 The Goals and Vision I'd Like to Accomplish
 
-Fight for not be a slave to formal methods.💪
+- Selecting a worthy challenge (aimed at creating value)
+- Complicating simple matters in thought (managing risks and preparing for the future)
+- Simplifying complex matters in action (delivering quality products while controlling costs)
+- Articulating complexity in a simple manner (ensuring successful knowledge transfer)
 
-- Selecting a worthy challenge.
-- Complicating simple matters in thought.
-- Simplifying complicated matters in action.
-- Articulating complexity in a simple manner.
+Always try best to making things simple, fight for not be a slave to formal methods.💪
 
 ## ⭐ Skills
 
-- 💄 Front-end development
-- 👽 Back-end development
+- 💄 Front-end development (10 years)
+- 👽 Back-end development (3 years)
 - 🧱 Clean code / Clean architecture
 - 👷 DDD / System design
 - ⚡️ Agile methodology / scrum
 
-## 🌈 Tech Stack
-
-
-### Languages:
-
-Typescript
-Javascript
-Node.js
-Python
-
-### Frameworks:
-
-Current: <img alt="React" src="https://img.shields.io/badge/-React-45b8d8?style=for-the-badge&logo=react&logoColor=white" />
-<img alt="Nest.js" src="https://img.shields.io/badge/nestjs-E0234E?style=for-the-badge&logo=nestjs&logoColor=white">
-<img alt="Apollo" src="https://img.shields.io/badge/-Apollo%20GraphQL-311C87?style=for-the-badge&logo=apollo-graphql&logoColor=white" />
-<img alt="GraphQL" src="https://img.shields.io/badge/-GraphQL-E10098?style=for-the-badge&logo=graphql&logoColor=white" />
-<img alt="Vite" src="https://img.shields.io/badge/-Vite-646CFF?style=for-the-badge&logo=Vite&logoColor=white" />
+## 🌈 Development Stack
+
+| Key                   | Value |
+| --------------------- | ----- |
+| Typescript/Javascript | ★★★★☆ |
+| Node.js               | ★★★★☆ |
+| Python                | ★★★☆☆ |
+| Golang                | ★★☆☆☆ |
+
+<div style=" display:flex; gap: 8px; flex-wrap: wrap; padding-top: 16px;">
+<img alt="React" src="https://img.shields.io/badge/-React-45b8d8?style=for-the-badge&logo=react&logoColor=white" />
+<img alt="Next.js" src="https://img.shields.io/badge/-next.js-444?style=for-the-badge&logo=react&logoColor=white" />
+<img alt="Monorepo" src="https://img.shields.io/badge/-Monorepo-0ea5e9?style=for-the-badge&logo=nx&logoColor=white" />
+<img alt="Turborepo" src="https://img.shields.io/badge/-Turborepo-3b82f6?style=for-the-badge&logo=Turborepo&logoColor=white" />
+<img alt="Vite" src="https://img.shields.io/badge/-Vite-a8b1ff?style=for-the-badge&logo=Vite&logoColor=white" /><img alt="remix" src="https://img.shields.io/badge/-remix-3defe9?style=for-the-badge&logo=remix&logoColor=white" /><img alt="Nest.js" src="https://img.shields.io/badge/nestjs-E0234E?style=for-the-badge&logo=nestjs&logoColor=white"><img alt="Apollo" src="https://img.shields.io/badge/-Apollo%20GraphQL-311C87?style=for-the-badge&logo=apollo-graphql&logoColor=white" />
+<img alt="GraphQL" src="https://img.shields.io/badge/-GraphQL-E10098?style=for-the-badge&logo=graphql&logoColor=white" /><img alt="Docker" src="https://img.shields.io/badge/-Docker-46a2f1?style=for-the-badge&logo=docker&logoColor=white" />
+<img alt="vitest" src="https://img.shields.io/badge/-vitest-acd268?style=for-the-badge&logo=vitest&logoColor=white" />
+<img alt="jest" src="https://img.shields.io/badge/-jest-15c213?style=for-the-badge&logo=jest&logoColor=white" />
+<img alt="" src="https://img.shields.io/badge/-storybook-eb5685?style=for-the-badge&logo=storybook&logoColor=white" />
 <img alt="Docker" src="https://img.shields.io/badge/-Docker-46a2f1?style=for-the-badge&logo=docker&logoColor=white" />
-
-  <!-- <img alt="Monorepo" />
-  <img alt="Turborepo" /> -->
-
-Used:
-<img alt="vue" src="https://img.shields.io/badge/-Vue.js-4FC08D?style=for-the-badge&logo=Vue.js&logoColor=white" />
-
-  <!-- <img alt="Next.js"/> -->
-  <!-- <img alt="remix"/> -->
-  <img alt="Gatsby" src="https://img.shields.io/badge/-Gatsby-663399?style=for-the-badge&logo=Gatsby&logoColor=white" />
-  <img alt="Ruby-on-Rails" src="https://img.shields.io/badge/-Rails-CC0000?style=for-the-badge&logo=Ruby-on-Rails&logoColor=white" />
-  <img alt="Firebase" src="https://img.shields.io/badge/-Firebase-FFCA28?style=for-the-badge&logo=Firebase&logoColor=white" />
-  <!-- <img alt="Flutter" /> -->
-  <img alt="Django" src="https://img.shields.io/badge/-Django-092E20?style=for-the-badge&logo=django"/>
+</div>
 
 ## 💬 Languages
 
@@ -134,5 +134,3 @@ Used:
 <!-- Started self-learning `web development technologies` in university. 💻<br/>
 Became a full-time software engineer from `2014/10`. I was a landscape architect before.🌳<br/>
 Moved to Japan from `2018/12` for my child not to do a lot of homework when he go to elementary school. ✈️ -->
-
-