- 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
- Backend: rails+vue
-
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
- Ruby on Docker
- [Rails] 部署
- 網站
- [崎] 109學年度10校展覽
- [React/Rails] 台灣區縣市、區域的下拉選單
- [Rails] Block裡面寫Block
- [Stimulus] dataTable + 彈跳視窗
- [Stimulus] 表單及搜尋
- [Ruby] 三個條件一次滿足
⚡ Recent GitHub Activity
- 🎉 Merged PR #4 in ChenHanTing/han-main
- 🎉 Merged PR #6 in ChenHanTing/han-main
- 🎉 Merged PR #7 in ChenHanTing/han-main
- 🎉 Merged PR #8 in ChenHanTing/han-main
- 🎉 Merged PR #9 in ChenHanTing/han-main