陳韋吉(Odin Chen)

Front-end Engineer

      

Hi, I'm Odin, with 4 years+ of active experience in the web development.

Developed and maintained websites with HTML, CSS, CSS Module, SASS, Javascript, jQuery, React, React hooks, Redux Toolkit, Material-UI, Vue2, Vue3, Vuex, Vue CLI, Vite. 

Also, developed new feature and fixed bugs with Weex based apps and React Native app.

Studying in Redux, Vue CLI4, ES6~ES11, Bootstrap5, Tailwind, Pinia, Typescript…etc.

I'm easy-going, positive, friendly, diligent.

Always willing to learn the newest front-end skills and try on product to optimize it.

Loves to share news skills, information with others and get advices from others.

Product


  • Uniapp for web, mobile web & android app
  • React Native for both iOS & Android app
  • Weex for iOS app.
  • B2B system interface(AI training)
  • Exchange system interface
  • E-commercial platform websites
  • Company official websites
  • Campaign sites
  • Custom RWD websites

Language


  • Chinese
  • Japanese
  • English

Skills

Professional Skills 


  • Proficiency in HTTP, CSS, JavaScript (including ES6+), HTML, DOM, and Web Standards.
  • Conduct Code Reviews to ensure existing codes remain high-quality, fast, and flexible. 
  • Develop and maintain web or React Native app.
  • Participate in the discussion of new features, including the ideation, planning, and design stages. 
  • Assist in writing technical development-related documents.
  • Strong UI/UX sense demonstrated with previous works.
  • Solid interpersonal relationships and problem-solving abilities shown in work-related projects.
  • Collaborate with Backend Engineers and Product Managers to deliver high-quality product features and user interfaces. 
  • Solid interpersonal relationships and problem-solving abilities shown in work-related projects.

Software Proficiency 


  • Familiarity with UI Libraries (e.g. Material-UI, Antd) 
  • Familiarity with Vue(option/composition) API
  • Familiarity with React hooks(above v16.8) & class component
  • Familiarity with React State Management Libraries (e.g. react-redux)
  • Familiarity with Vue State Management Libraries (e.g. vuex, piana)
  • Familiarity with RESTful API 
  • Reconstruct website with Vue2.(Vue2 / Vue CLI / Vuex / vue-router)
  • Employ Redux(Toolkit) in developing a workflow 
  • Developed React Native app with Redux, Typescript, Github submodule, Flipper
  • Developed website interface with uni-app(Vue2)
  • Experience in CSS-in-JS frameworks (e.g. styled-components) 
  • Experience in CI/CD 
  • Agile Development(Scrum)
  • Utilize Git for version control & Familiarity with basic Git commands and operations

Skill Stack

   Vue2      Vue3(Composition API)      Vuex     React(Class & Functional Component)      ReduxToolkit   

   React Native 

    Redux      HTML5      CSS3      Javascript

   ES6~ES11      jQuery      Bootstrap(3,4,5)      Material-UI   Tailwindcss(2, 3)  

   SASS/SCSS    CSS Module   CSS-in-Js

C3.js      D3.js   HighChart     Git      Github   

Eslint   Prettier      SourceTree      TypeScript   

SEO

 Semantic Elements   meta description   microdata   JSON-LD    breadcrumb   

Reduce resource request size   HTTP cache   prefetch   async & defer    CDN    

sitemap   canonical   prefetch   meta robot    a link nofollow/noreferrer/noopener   

Facebook pixel   Google analytics    Google tag manager  

Design Tools

   Illustrator      Photoshop      Sketch      Figma      XD   

   Zeplin 

Work Experience

Letron Corporation

Front-end Web Engineer, Feb 2023 - Dec 2023

  • Developed website interface and android app with uni-app(Vue2).
  • Developed dashboard withuni-app(Vue2) and Saas.
  • Developed React Native app with Redux, Typescript, Github submodule, Flipper.
  • Responsible for managing and maintaining the development of 9 Weex(Vue2) projects for iOS apps, generating IPA files through Xcode. 
  • Add comment rules and logic to colorize different comment meanings.
  • Advised to import Scrum into workflow.
  • Utilize Git and Sourcetree for version control.
  • Communication across departments.

ChainTech Corporation

Front-end Web Engineer, July 2021 - Dec 2022

  • Reconstruct and develop website interface with React 17.0.2(React-hooks).
  • Changed Fabric UI style library with Material UI and defined global style coding rules and utilities.
  • Develop new features and pure functions based on new business logic requirements.
  • Reconstruct and optimize(existing) base components to better define the imported variables and props terms with an emphasis on adding comments/definition to purpose of usage and props of a component.
  • Add comment rules and logic to colorize different comment meanings.
  • Employ Redux(Toolkit) in developing a workflow.
  • Advised to import Scrum into workflow.
  • Advise proper data structure from backend API.
  • Utilize Git for version control.
  • Communication across departments.

Mejor Technology Corporation

Front-end Web Engineer, Aug 2020- Jun 2021

  • Reconstruct website with Vue2.(Vue2 / Vue CLI / Vuex / vue-router)
  • Develop other corporations' campaign sites.
  • Communication across departments.
  • Utilize Git for version control.

    ps. Involuntary separation(enterprise transformation)

Cyberinfo Technology Corporation

Front-end Web Engineer, Mar 2019 - Dec 2019

  • Develop new features and optimize code  with HTML, Javascript, CSS, CSS Moudule, SASS(SCSS), jQuery, React, Node.js, VM, SEO adjustment.
  • Develop regular campaign sites.
  • Run Scrum.
  • Communication across departments.
  • Utilize Git for version control.

    ps. Involuntary separation(funding problems)

Yiman Infotek Corporation

Front-end Web Engineer, Mar 2018 - Feb 2019

  • Develop business websites, campaign sites with HTML, JavaScript, CSS, SASS(SCSS), jQuery.
  • SASS Introduce.
  • Confirm demand with client.

DigitalPlus Technology Corporation 

Assistant engineer, May 2017 - Oct 2017

  • Maintain website with HTML, JavaScript, CSS, jQuery.

工作經歷

樂創互娛科技有限公司 

Front-end Web Engineer, Feb 2023 - Dec 2023 

  • 使用uni-app(以Vue2為基礎)的框架開發網頁介面以及android app,包含後台Dashboard。
  • 協助 React Native 開發,使用到 Redux, Typescript, Github submodule, Flipper 等工具。
  • 負責管理以及維護9個 Weex 的專案開發 iOS app,透過 Xcode 進行 ipa 的生成
  • 新增註解的規則以及引入不同顏色的註解方式。
  • 建議導入敏捷式開發 Scrum 來進行工作上的分配。
  • 用Git(SourceTree)進行版本管控。
  • 跨部門溝通需求。

前端工程師  •  承啟科技股份有限公司

七月 2021 - 十二月 2022

1. 使用 React(^17.0.2 | React-hooks) 作為主要開發框架,進行網頁介面的功能開發以及重構。
2. 替換樣式庫 Fabric UI 為 Material UI 並且定義統一的樣式撰寫風格。
3. 依照新的商業邏輯需求,開發可以重複使用的 Base Components 以及 Pure functions。
4. 重構舊有的 Base Components ,使其優化以及清楚定義傳入的 props 名稱,並針對該 Component 的用途以及傳入的 props 做註解。
5. 新增註解的規則以及引入不同顏色的註解方式。
6. 導入 Redux 來控管全域的變數。
7. 建議導入敏捷式開發 Scrum 來進行工作上的分配。
8. 跟後端討論,並且建議修改API的回傳格式。
9. 跨部門溝通需求。
10. 用Git(SourceTree)進行版本管控。

網頁前端工程師  •  梅爵數位創意股份有限公司

八月 2020 - 六月 2021

使用 Vue2 重構舊有的產品網站。
2. 開發其他公司的活動頁面。
3. 開發其他企業的官方網站。
4. 跨部門溝通需求。
5. 用Git進行版本管控。
6. 校正、核對設計稿。

ps. 非自願離職(公司轉型)

前端工程師  •  網訊科技股份有限公司

三月 2019 - 十二月 2019

1. 依照PM需求,維護或重新撰寫現有程式碼。
2. 跟PM、設計、後端進行專案前中後的討論,確保產品品質及開發方向的正確性。
3. 依照節慶開發活動頁面。
4. 使用 boostrap 3 作為樣式的主框架,搭配不同的主題色以及特定的樣式。
5. 產品多以AWD為主,活動頁面才會以RWD的規格製作。
6. 使用 ESLint 確保團隊撰寫風格一致。
7. 使用 jQuery / React 針對特定專案進行開發、維護。
8. 使用 git 並利用 sorceTree 操作 版本控制的業務。
9. 與後端配合的語言為PHP,依據不同專案有接觸到的框架為 CI 以及 Laravel。
10. 使用敏捷開發模式(Scrum)
11. 與SEO專員共同討論 SEO 如何改進。

ps. 非自願離職(公司資金運轉有問題)

前端工程師  •  乙曼資訊科技有限公司

三月 2018 - 二月 2019

1. 前端切版(RWD為主)
2. 網頁動畫特效
3. JS/jQuery 程式邏輯判斷
4. 與後端工程師/網頁設計師配合完成專案

助理工程師  •  數碼數位股份有限公司 

五月 2017 - 十月 2017

協助PM完成專案內容

Education 學歷

2015 - 2016

大同大學(Tatung University - Master degree)

生物工程所(Bioengineer)

2011 - 2015

大同大學(Tatung University -

Bachelor degree)

生物工程系

(Bioengineer)