preloader
How to Take Over A Web Frontend Product or Project | 如何接手 Web 前端產品/專案
心得 How to Take Over A Web Frontend Product or Project | 如何接手 Web 前端產品/專案

It’s often to take over a web product for frontend-side from colleagues during work. When you’re on-boarding a company for a web frontend engineer role, you may find you situated in a misted forest. You may not see people or cowork with them, because there have some reasons such as they just quit the job or switch to another poducts. In modern frontend develop conventions, there are somethings you can

read more
Setup and Deploy API Document to Heroku free price plan With Swagger UI Topbar List and Http Basic Auth | 建立與部署簡易帳密認證機制的 Swagger-UI API 文件到 Heroku 免費方案
心得 Setup and Deploy API Document to Heroku free price plan With Swagger UI Topbar List and Http Basic Auth | 建立與部署簡易帳密認證機制的 Swagger-UI API 文件到 Heroku 免費方案

I want to create a static site of backend API document for communication between frontend and backend engineers. Because I don’t want to manage the server and estimate usage of team members is low, I survey two solutions, which are GCP Endpoint and Heroku. I finally choose Heroku free price plan. Steps for setup Step 1 Download standalone version of swagger-ui package on github.com and unzip/decompress source-code file. Copy dist

read more
My React Calendar Demo Project
心得 My React Calendar Demo Project

I want to show I can code using React hook, so I develop a project of calendar and show it on GitHub pages. Source code is placed on GitHub and demo is showed on GitHub pages. This is been tested on Chrome and Safari. Figure 1. Calendar component.

read more
Room Flooding TaipeiCity - Firefox Extension | 台北市租屋地點積淹水資訊
Share Room Flooding TaipeiCity - Firefox Extension | 台北市租屋地點積淹水資訊

It’s inconvenient for knowing a target room whether it had had flooded by water as browsing catalog or list of rooms. One normal way is to use brower pages by continue switching for searching rooms' related information, but this behavior is exhausted for most people. I had created a firefox extension: RoomFlooding_TaipeiInfo for finding flooding records of rent rooms in Taipei city. It shows green background color with congratulation message

read more
NPM Join-Monster Package Is Hard to Do Pagination With Graphql-Relay automatically | NPM Join-Monster 套件很難搭配 Graphql-Relay 做到自動提供分頁機制
心得 NPM Join-Monster Package Is Hard to Do Pagination With Graphql-Relay automatically | NPM Join-Monster 套件很難搭配 Graphql-Relay 做到自動提供分頁機制

In my leisure time at July and first part of this August 2021, I have tried to use packages of express, passport, graphql, graphql-passport, join-monster, knex, graphql-relay, and express-session, etc… for building graphql API server. I have successfully built it in early stage. In summary for quick, it’s impossible for me to create pagination mechanism using graphql-relay package automatically. All of I expect to use graphql-relay and join-monster packages together

read more
How to Compile a Npm Package to Be Used at Browser Extension | 如何編譯 NPM 套件在瀏覽器擴增套件環境下使用
心得 How to Compile a Npm Package to Be Used at Browser Extension | 如何編譯 NPM 套件在瀏覽器擴增套件環境下使用

Recently, I want to create a web extension for assisting to lookup information I need. In the web extension, I need to use the power of a npm package to complete some parts for me. But I have found v3 of manifest_version of chrome and v2 of manifest_version of firefox they don’t recommend to include outer packages with obfuscated version, this instruction lets me hesitating. I think there are many

read more

About

Howard Lee is a Staff Software Engineer based in Taipei, specializing in frontend architecture, CI/CD, and production-quality engineering for enterprise web applications. With 13+ years of software development experience, Howard has worked across B2B SaaS, IoT energy-management platforms, online travel marketplaces, and Android applications. His work focuses on modernizing large frontend systems, improving delivery quality, and building reliable product workflows with automated testing, observability, and practical cloud/platform integration. Core Expertise Frontend architecture: Angular 5 to 19 modernization, TypeScript, JavaScript, React, Next.

Know More

Tag

Social