A6vr8z3s1glpiltwmuuw

郭佩禎(kuo pei chen)

對不同的事物願意嘗試,對於網站開發有興趣, 希望將所學技術與個人興趣結合,做出有價值的作品。

Frontend Engineer 前端軟體工程師
PINGTUNG,TW
[email protected]

1997 / 08 / 19

技能 Skills


Frontend

  • HTML / PUG 
  • SASS / SCSS /CSS 
  • JavaScript(es6) 
  • RWD,  Bootstrap
  • Vue.js , Vuetify
  • VueRouter, Vuex
  • RESTful API / GraphQL
  • Gridsome


Backend & Develop Tools

  • NestJS 
  • Firebase 
  • MongoDB
  • Git
  • Docker 使用經驗 


Languages & Others

  • TOEIC 750 (2018)
  •  Middle Level (THAI)
  •  QGIS 
  •  Tableau BI Tools
  •  PowerDirector 

專案經歷 Project Experiences

Paragraph image 01 00@2x

SSMO Central 是百星帶給客戶的一個整合性服務平台, Cloud版本透過百星公有雲提供客戶如模版需求管理、模版開發追蹤等功能。

SSMO Central Cloud  百星雲端服務平台

關鍵功能包含 模板渲染權限規劃、CAPTCHA人機驗證
  • Vuexpress 套件將vue模板渲染成html內容,完成即時預覽的功能。並透過paged.polyfill.js 解決廢棄css的使用。
  • 根據 RBAC 概念規劃系統權限。
  • 使用honeypot概念實作CAPTCHA。
  • 前端頁面實作。
  • 資料庫規劃與後端功能開發。
使用技術: Vuetify, Vuexpress, VueApollo, nestjs, graphQL,mongoose。

Paragraph image 01 00@2x

On-Premise版本將獨立部署在企業客戶端,提供百星渲染服務技術及輸出模版管理。

SSMO Central Onpremise  企業內部模板管理平台

為Cloud版本的功能部署在客戶端的版本,關鍵功能實作另外包含 NFS目錄結構設計。
  • 加入部署物件概念,優化NFS目錄結構。
  • 前端頁面實作。
  • 資料庫規劃與後端功能開發。
使用技術: Vuetify, Vuexpress, VueApollo, nestjs, graphQL,mongoose。

Paragraph image 01 00@2x

E-HandBook為百星內部文件發佈平台。

E-HandBook 內部文件管理平台

支援專案功能開發,關鍵功能包含 信件寄送git submodule
  • 實作nodemailer完成信件寄送。
  • 透過git submodule實現引入另一個專案repository。
  • 前端頁面支援。
使用技術: Gridsome,mongo。

作品集 Collections


Readings 00 00@2x

三葉蟲微服務文章發佈平台

實作微服務網站架構,打造微服務架構的最小成果,以利未來使用相同技術專案的擴充。

關鍵功能: 權限機制、微服務架構。

技術:  Vue, NestJS, graphQL。


Readings 00 01@2x

THAISKR 泰時刻 / GitHub

提供愛泰人士搜尋相關資訊: 找電影、找電視劇、泰文互動學習、地圖查詢。

關鍵功能: 地圖資訊處理(文章)。 

技術: D3, Bootstrap,QGIS。

公開API串接:   youtube API, openweather API,the news API。


Readings 00 00@2x

專題: GUIDEYOU 旅遊小幫手

提供點名、團員位置、提醒...功能的Android App,解決導遊在帶團中遇到的問題。

技術:JavaScript,firebase,iBeacon。

公開API串接:  Google Maps API。


Readings 00 00@2x

Jane's Blog

實作Gridsome靜態網站生成,部署到Netify。

關鍵功能: 留言板、wordpress CMS串接。 

技術:  Gridsome。

進修課程 Courses


動畫互動網頁程式入門 (HTML/CSS/JS)  約29小時

實作刻出視覺好看的網頁與小動畫。

動畫互動網頁特效入門(JS/CANVAS)約50小時

大量實作程式動畫進階互動,應用數學原理完成互動性高的專案。

工作經驗 Work Experiences


 軟體前端工程師, 薩摩亞商百星數位智能股份有限公司台灣分公司 Feb 2020 ~ Aug 2021
Frontend Engineer, BELSTAR

  • 公司內部轉型軟體 | 前端頁面開發。
  • 保險公司需求軟體 | 前後端開發: 模板管理、需求管理、渲染功能與頁面開發。
  • 對外開發成果報告展示、DEMO流程的影片錄製與剪輯。
  • 技能主要使用 Vue, Vuetify, GraphQL, NestJS, Docker。

兼職國高中數學家教 Aug 2016 ~ Now
Junior and Senior high school personal math tutor,PT

IT實習生, 晶元光電  Aug 2018 ~ Jan 2019
IT Intern,EPISTAR

  • 使用Tableau系統繪製台灣的工廠廠區(北區、中區、南區)狀態地圖,以顯示機台運作狀態。


學歷 Education

泰國農業大學 軟體知識工程學系 交換學生 2019/01~2019/06
 Software and Knowledge Engineering  exchange student,Kasetsart University (KU)

國立中興大學 資訊管理學系 2015 ~ 2019

Department of Management Information Systems, National Chung Hsing University (NCHU)

學生時期課外活動 Extracurricular Activity

城市浪人秋季流浪挑戰賽台中區  活動組 (2016)

  • 設計自創任務、活動前準備與討論、校園宣傳、與校外夥伴合作。
  • 擔任閉幕式主持人,突破卻場個性,充足事前準備使得活動順利進行。

其他 - 自媒體社群經營 Social Media

2019在泰國當交換學生期間,建立起相關的社群與自媒體,開始分享在泰國的所見所聞,僅透過內容行銷,沒有買廣告,經營期間舉辦活動也與異業合作。

  • FB粉絲專頁分享泰國相關資訊,抽獎合作活動, 累積超過7000名粉絲追蹤。
  • Instagram: 以泰文教室教學、 泰國歷史文化小知識 為主要分享內容, 累積超過1800名粉絲追蹤。
  • Youtube: 分享泰國資訊以及泰語學習經驗, 目前單隻影片最高 約有接近3萬人次觀看

自傳 Autobiography

我是郭佩禎,2019年畢業於中興大學資訊管理學系,大學期間曾到泰國曼谷農業大學軟體知識工程學系交換半年。


大三的畢業專題,製作旅遊相關 Android App,解決導遊帶團上會遇到的問題,榮獲系上佳績。

技術上我負責javascript撰寫以及Firsebase 資料庫開發;
團隊中擔任組長角色,安排專案進度、組員工作分配,並調節組員衝突,以利DEMO展示順利進行

大四時,擔任晶元光電的實習生,學習Tableau BI 工具,用於製作工廠廠區動態地圖。


畢業後在百星擔任前端工程師,公司主要業務為大陸保險公司保單打印,初期參與公司內部軟體前端頁面開發; 中後期由於疫情因素,公司開拓台灣保險市場,參與新專案前後端開發。關鍵實作功能包含模板渲染權限規劃CAPTCHA實作等等。

在開發過程中如果遇到問題,除了自行找資料外,也會請教同事經驗,討論出較合適的解決方案。
業餘時間也會安排線上課程進修,來增進自己在軟體領域的深入。


我喜歡嘗試新的事物,勇於接受挑戰,期許自己能累積不同經驗,成為視野廣的工程師。期許能加入貴公司,替彼此的專業帶來更多成長!

A6vr8z3s1glpiltwmuuw

kuo pei chen

I am interested in different things,
 I wish to combine what I learn with my personal interests to make a valuable application.

Frontend Engineer
PINGTUNG,TW
[email protected]

1997 / 08 / 19

Skills


HTML & CSS & JavaScript

  • HTML / PUG 
  • SASS / SCSS /CSS 
  • JavaScript(es6) 
  • RWD, Bootstrap 
  • Vue.js
  • Vuetify
  • Vuex, VueRouter
  • RESTful API /  Apollo GraphQL


Backend & Develop Tools

  • NestJS 
  • Firebase
  • MongoDB
  • Git
  • Docker experience


Languages & Others

  • TOEIC 750 
  • Middle Level (THAI)
  • QGIS 
  • Tableau BI Tools
  • PowerDirector 

Project Experiences

Paragraph image 05 00@2x

SSMO Central Cloud 

SSMO Central is an integrated service platform that Belstar brings to customers. SSMO Central Cloud provides multiple services through Belstar public cloud. Provide customers with additional functions such as template demand management, template development tracking, etc.

My Part 

  • frontend/backend develop 
  • database and functions develop
  • Vue render 
  • RBAC system permission plan 
  • CAPTCHA (honeypot)

Paragraph image 05 00@2x

SSMO Central Onpremise 

Consider of the customer's security and confidentiality considerations, the On-Premise version will be independently deployed on the enterprise client, providing Belstar rendering service technology and template management.

My Part

  • frontend/backend develop 
  •  database and functions develop
  •  Vue render
  •  RBAC system permission plan

Collections

THAISKR




  • A micro-services structure website about article management. 
  • Skill: Vue, NestJS, graphQL,Docker. 
  • I will be the prototype of the future projects which will use micro-services structure.


THAISKR



  • A website about Thailand topic,provides Thai lovers to search related information: find Thai movies, find  Thai dramas, Thai letters practice, Thai weather map. 
  • Skill:  Vue.js, , Axios, D3.js, Bootstrap,conntect with three-party API。
  • The function, Thai letter keyboard, strike a chord, in my youtube video which introducing this function get about 30000 views. 

       GITHUB 


THAISKR




  • Graduation Project : An android app about travel, provides functions like notification, member location, roll call,...etc.
  • Skill: JavaScript, Google Maps API, iBeacon. 
  • I am mainly in charge of Firebase and Google Maps API coding. 
  • Assign team members to work, and DEMO display instructions.


Work Experiences


 Frontend Engineer, BELSTAR, Feb 2020 ~ Sep 2021

  • Transformation software  | Frontend page develop.
  • Insurance company software | Template Management 、Requirement Management, render. 
  • Development results report display and make DEMO video. 
  •  Skills:  Vue, Vuetify, GraphQL, NestJS, Docker。

Junior and Senior high school personal math tutor,PT Aug 2016 ~ Now

  • The student's degree progressed from C to B.
  • Let the weaker students progress to the point that they won’t be failed.

IT Intern,EPISTAR ,Aug 2018 ~ Jan 2019

  • Use Tableau Tools drawing out factories in Taiwan to show machines' working  status.

Education

 2019/01~2019/06
 Software and Knowledge Engineering  exchange student,Kasetsart University (KU)

2015 ~ 2019

Department of Management Information Systems, National Chung Hsing University (NCHU)

Social Media

During my exchange life in Thailand in 2019, I created related social community and self-media, started to share my life on it, from Thailand attractions , studying and life experiences to  Thai language and culture knowledge. 
During these times, I hold activities and made  Cross-industry cooperations.

  • FB: Fan page to share information about Thailand, cooperate with activities, and have more than 7000 followers. 
  • Instagram:  The main content shared is Thai language teaching and knowledge of Thai history and culture, and has have more than 1800 followers.
  • Youtube: Sharing Thai information and Thai language learning experience, a single video is currently watched by nearly 30,000 times.

Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 02@2x

Cooperation

An interview with "EZ Language" . 

Share & Speech

Hold a lecture about Thailand with "Brilliant Time: Southeast Asia-themed bookstore". 

Breakthrough

 I introduced #whatIsHappeningInThailand  current events in FB fans page, the most effective post is over 1,100 likes and 1,100 shares

Autobiography

My name is kuo pei chen, I gradated at National Chung Hsing University,Department of Management Information Systems in 2019, I take many extra-department courses and participated in extra-campus activities to accumulate contacts and experience during university. 

In Sophomore year, I participated in the activity group of the social enterprise-"city wanderer" in Taichung District, in addition to the event design and pre-preparation, the biggest breakthrough is to serve as the host of the closing ceremony, through sufficient pre-preparation, break through stage fright, and make the event process go smoothly and ended successfully.

The graduation topic of the junior year, my team made an Android App about tour guide, to solve the problems when the tour guide leads the group. 
I am responsible for Google Map API and Firebase database develop, and I served as the leader of the team, arrange project progress, team member work assignments, and adjust team member conflicts to facilitate the smooth progress of the DEMO display.


In my senior year, I served as an intern of Epistar , learning Tableau BI tool to make dynamic maps of factories.


Due to my interest about Thailand, in the last semester of the university, I went to Kasetsart University in Thailand to exchange for half a year, and operated related media communities util now,.


After graduating, I worked as a frontend engineering, the company’s main business is printing insurance policies for insurance companies in China.

In early stage, I develop front-end page in a company internal software,use Vue, Vuetify, Apollo GraphQL with Docker to develop. 

in the middle and late stages, Due to COVID-19 situation, the company explored  insurance market  in Taiwan and participated in the development of new project. Except the frontend structure, I also came into contact with the NestJS back-end architecture, design and write API with business logic. 

If I had problems during develop, I will search information and ask colleagues' experience, to discuss a better way. 


I think deep knowledge and experiences in different fields will help each other. I accumulated ability to make easy-to-understand copywriting and expression ability when I operated social media. This let me have this advantage in team, so my supervisor will deliver matter that explaining of the DEMO function to  insurance customer or different department teams to me.

My personality is kind and easy-going, like to try new things, and dare to accept challenges.

In the future, I want to use software experience to build a system related to Thailand. I hope I can accumulate different experiences and become an engineer with a broad vision.Thank you! 

Powered by CakeResumePowered by CakeResume