update portfolio format and image

source/portfolio/index.md

@@ -1,99 +1,127 @@
 ---
-title: Portfolio
+title: Sing's Portfolio
 date: 2017-03-20 02:27:40
 ---
 
 <!-- Multi device mockup generator: https://techsini.com/multi-mockup/ -->
 
-# Professional Experience
+## Professional Experience
+
+### [LINE Invoice](https://invoice.line.me/)
 
-## LINE Invoice
->
-> [Live Preview](https://invoice.line.me/)
-LINE Invoice simplifies the management of daily invoices and receipts for users. Incorporating OCR and machine learning for efficient processing, it stands out for its robust backend infrastructure.
 `React` `Typescript` `GraphQL` `Temporal` `Parse-server` `NodeJS` `MySQL` `MongoDB` `k8s` `Knative` `OCR` `GoLang` `Python` `Machine Learning`
+> LINE Invoice simplifies the management of daily invoices and receipts for users. Incorporating OCR and machine learning for efficient processing, it stands out for its robust backend infrastructure.
+
+![](index/line_invoice_grid3.png)
+
+---
+
+### [LINE Shopping](https://buy.line.me/)
 
-## LINE Shopping
->
-> [Live Preview](https://buy.line.me/)
-*As Taiwan's leading e-commerce platform, LINE Shopping offers a comprehensive shopping experience across iOS, Android, and web. This project showcases a seamless integration of modern frontend technologies with a scalable backend.*
 `VueJS` `Typescript` `GraphQL` `Java` `MySQL` `MongoDB` `k8s`
+> As Taiwan's leading e-commerce platform, LINE Shopping offers a comprehensive shopping experience across iOS, Android, and web. This project showcases a seamless integration of modern frontend technologies with a scalable backend.
+
+![](index/line_shopping_grid3.png)
+
+---
+
+### [LINE Travel](https://travel.line.me/)
 
-## LINE Travel
->
-> [Live Preview](https://travel.line.me/)
-*The top travel agency platform in Taiwan, LINE Travel, partners with renowned companies like Agoda, Booking.com, and Skyscanner to offer unmatched travel deals and options.*
 `VueJS` `NodeJS` `ElasticSearch` `MongoDB` `k8s`
+> The top travel agency platform in Taiwan, LINE Travel, partners with renowned companies like Agoda, Booking.com, and Skyscanner to offer unmatched travel deals and options.
+
+![](index/line_travel_grid3.png)
+
+---
+
+### [188BET](https://www.188bet.com/)
 
-## 188BET
->
-> [Live Preview](https://www.188bet.com/)
-*An international online sports betting platform, 188BET provides a secure and dynamic betting experience, leveraging cutting-edge technologies for high performance and reliability.*
 `AngularJS` `C#` `ASP.NET` `OracleDB` `Windows Server`
+> An international online sports betting platform, 188BET provides a secure and dynamic betting experience, leveraging cutting-edge technologies for high performance and reliability.
 
-# Personal Projects
+![](index/188bet_casino.avif)
+
+---
+
+### [MovieRater](https://www.mvrater.com/) | [Github](https://github.com/Asing1001/movieRater.react)
 
-## MovieRater
->
-> [Live Preview](https://www.mvrater.com/) | [Github](https://github.com/Asing1001/movieRater.react)
-*An innovative platform that aggregates movie ratings from Yahoo, IMDB, PTT, offering a comprehensive search tool for movie enthusiasts.*
 `PWA` `ServiceWorker` `ReactJS` `Typescript` `NodeJS` `GraphQL` `MongoDB` `Crawler` `Material-UI`
+> An innovative platform that aggregates movie ratings from Yahoo, IMDB, PTT, offering a comprehensive search tool for movie enthusiasts.
+
 ![](index/movierater.jpg)
 
-## The Tung
->
-> [Live Preview](https://thetungmiaoli.com/)
-*The official website for The Tung Hotel, designed to offer visitors a glimpse into the serene and luxurious accommodations available.*
+---
+
+### [The Tung](https://thetungmiaoli.com/)
+
 `WordPress`
+> The official website for The Tung Hotel, designed to offer visitors a glimpse into the serene and luxurious accommodations available.
+
 ![](index/thetung.png)
 
-## Universiade Ticket
->
-> [Github](https://github.com/Asing1001/universiade-ticket) | [Reports](https://www.evernote.com/shard/s234/sh/ad7cea60-1f26-4aac-bfce-eedee5828859/7085f154f1f93772e3dc5a8e36386358)
-*Advanced universiade ticket system, 120+ Github Stars, 10+ News report, 5k buy action, 100k pageview in one week, Daily Top 1 Github trending*
+---
+
+### [Universiade Ticket](https://github.com/Asing1001/universiade-ticket) | [Reports](https://www.evernote.com/shard/s234/sh/ad7cea60-1f26-4aac-bfce-eedee5828859/7085f154f1f93772e3dc5a8e36386358)
+
 `VueJS` `Redis` `NodeJS` `Crawler`
+> Advanced universiade ticket system, 120+ Github Stars, 10+ News report, 5k buy action, 100k pageview in one week, Daily Top 1 Github trending.
+
 ![](index/ticket.png)
 
-## Nininanaa
->
-> [Live Preview](https://nininanaa.github.io/)
-*A personal blog supported over the long term, showcasing a clean design and regular updates.*
+---
+
+### [Nininanaa](https://nininanaa.github.io/)
+
 `Hexo` `CSS` `EJS`
+> A personal blog supported over the long term, showcasing a clean design and regular updates.
+
 ![](index/nini.png)
 
-## Flyer
->
-> [Github](https://github.com/Asing1001/carsender)
-*An airport transfer booking service in Taiwan, simplifying travel arrangements with ease and efficiency.*
+---
+
+### [Flyer](https://github.com/Asing1001/carsender)
+
 `LINE Pay` `NuxtJS` `Vuetify` `MongoDB`
+> An airport transfer booking service in Taiwan, simplifying travel arrangements with ease and efficiency.
+
 ![](index/flyer.jpg)
 
-## Badminton Map
->
-> [Github](https://github.com/Asing1001/badmintonmap.vue)
-*A dedicated platform providing comprehensive badminton information to the public, from court locations to event schedules.*
+---
+
+### [Badminton Map](https://github.com/Asing1001/badmintonmap.vue)
+
 `VueJS` `Python` `Crawler` `MongoDB`
+> A dedicated platform providing comprehensive badminton information to the public, from court locations to event schedules.
+
 ![](index/badmap.png)
 
-## ASP.NET MVC Shopping Mall
->
-> [Live Preview](https://wecarestore.azurewebsites.net/) | [Github](https://github.com/Asing1001/MVCShoppingMall)
-*An e-commerce platform featuring a back office and user-friendly shopping experience. Demo credentials provided for testing. `admin@admin.com/P@ssw0rd`*
+---
+
+### [ASP.NET MVC Shopping Mall](https://wecarestore.azurewebsites.net/) | [Github](https://github.com/Asing1001/MVCShoppingMall)
+
 `ASP.NET MVC` `MSSQL` `Bootstrap 3`
+> An e-commerce platform featuring a back office and user-friendly shopping experience. Demo credentials provided for testing. `admin@admin.com/P@ssw0rd`
+
 ![](index/wecare-store.jpg)
 
-## Realtime Video Chatroom
->
-> [Live Preview](https://webrtc-realtime-videochat.herokuapp.com/) | [Github](https://github.com/Asing1001/webrtc-website)
-*A platform facilitating real-time video chats, particularly tailored for doctor consultations, showcasing the potential of WebRTC.*
+---
+
+### Realtime Video Chatroom | [Github](https://github.com/Asing1001/webrtc-website)
+
 `WebRTC` `Socket.io` `NodeJS`
+> A platform facilitating real-time video chats, particularly tailored for doctor consultations, showcasing the potential of WebRTC.
+
 ![](index/webrtc-website.jpg)
 
-## Blood Transfusion Calculator
->
-> [Live Preview](http://acfreetool.azurewebsites.net/tools/bloodtransfusioncalculator.html) | [Github](https://github.com/Asing1001/acfreetools)
-*A helpful tool for veterinarians to accurately calculate blood transfusion volumes, improving patient care and outcomes.*
- `AngularJS 1.5` `Bootstrap 3`
+---
+
+### [Blood Transfusion Calculator](https://www.paddingleft.com/doolb/) | [Github](https://github.com/Asing1001/acfreetools)
+
+`AngularJS 1.5` `Bootstrap 3`
+> A helpful tool for veterinarians to accurately calculate blood transfusion volumes, improving patient care and outcomes.
+
 ![](index/blood-transfusion-calculate.jpg)
 
+---
+
 More projects can be found on my [GitHub](https://github.com/asing1001).