• This is my profile for Chinese version. 👉🏻 link

• 🔭 This is my recent React Page: React Han!
• 🔭 This is my recent Rails Page (Haven't updated since 2019): Rails Han!

• 🏫 Song Sang Senior High (2009.09 - 2012.06)
• 🏫 National Taipei University Electrical Engineering (2012.09 - 2016.06)
• 🏫 Song Sang Senior High Electrical Engineering (2016.09 - 2019.01)

• 🃋 JVD (2019.09 - 2020.01)
• 📙Eslite (2020.02 - 2021.01)
• 🃋 Liteshop (2021.01 - until now)

• 👑 TOEIC (Score: 730)
• ⭐️LinkedIn certificate:

• First job: rails+jquery

  • UI for game lobby
  • Docking and refactor with some games (with API), including sign in, sign up, credit, billing, ckeckout.
  • Game information station CMS: like system, post, comment, ckeditor.

  Check out here if you want to see more what I do in my first job.

• Second Job

  • Backend: rails+vue
    • Import a bunch of category data using rake and roo.
    • (Admin) Some CRUD in customer service.
    • (Admin) Create and split orders
    • (API) Wish list API
    • (Admin+API) reCAPTCHA
  • Frontend: vue
    • Eslite home page
    • Eslite category page
    • Eslite book exhibition page

• Third Job: react and rails

  • admin orders, customers, admin users crud
  • Return order api and admin operation
  • GreenWorld api - Third party payment
    • Invoice
    • Payment
  • SF express api
  • deploy on gcp

• Personal

  • Electron app using vue+nuxt+pug
  • Static website using vue+pug
  • My personal website using react

• General

  • Learn how to collaberate with Designer and Project Director

• Authentication（Cookie-based and Token-based Authentication）

  • Recaptcha enterprise
  • Backend: Communicate with reCAPTCHA API and frontend.
    • Frontend: Display reCAPTCHA and return necessary value to backend.

• CSS

  • Bootstrap
  • Policy related to size
  • flex and flex with bootstrap
  • Grid（Only use on my project）

• CSS interact with Javascript

  • Slides in swiper with the size changed in mobile size.
  • Change background color when the slide changed.
  • Sidebar

• Javascript

  • Functional Programming Paradigm
  • Vuex, Redux
  • React Hooks（Only useState, useReducer, useContext）
  • Ramda, Lodash
  • Swiper

• Vue

  • Basic attributes like data, props, methods, created, updated, filter, mounted
  • Formatting data and store data to vuex(if need) before using it.
  • Dynamic loading component using component (book exhibition page)

• Rails

  • Basic Gem like Cancancan, Audited, AASM, Ransack.
  • Adding vue component in rails project.

• Old Resume (written in Chinese, includes TOEIC certification): Link

• How To Make Responsive Image Gallery With HTML CSS JS | Lightbox Image Gallery Design
• How To Make A Website With Animated Text Effect Using HTML And CSS
• Module Bundlers Explained... Webpack, Rollup, Parcel, and Snowpack
• How To Make Complete Website Using HTML And CSS | Responsive Website Tutorial
• Nest.js with MongoDB - Complete Example

➡️ more videos...

• Ruby on Docker
• [Rails] 部署
• 網站
• [崎] 109學年度10校展覽
• [React/Rails] 台灣區縣市、區域的下拉選單
• [Rails] Block裡面寫Block
• [Stimulus] dataTable + 彈跳視窗
• [Stimulus] 表單及搜尋
• [Ruby] 三個條件一次滿足

➡️ more blog posts...

⚡ GitHub Stats