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, Frontend-engineer with Angular 7+, Typescript, ReactJS, VueJS. Flutter, Dart, PHP, Ruby, JavaScript, HTML, SASS, CSS, Postgres, MySQL, Web Developer. Have a certificate of AWS Solution Architect Associate with verify number: 8FYNL55LCEEQ10W5. You can verify at AWS Certificate site or Credly site Tech lead role Lead 4 colleagues to build products and infrastructure Coordinate schedule of delivering products Senior web frontend developer role Products Form-filling, form-sharing, file-management, repair-managemnt and project-management for construction industry at Suiqui IoT management and EC platform for Liquid Petroleum Gas(LPG) at Wave-In Comm.

Know More

Tag

Social