//assets.cakeresume.com/assets/contentarea/contentarea-2d64eca8dae2a1ffb31e0fb1df887bbad072c7c19734d7d30fa14884bbcc299a.css

<html><head></head><body><div class="row general with-background general-profile-6 with-background-profile-6" style="background-color: #555555"><div class="col-sm-6"><h1 style=" color: rgb(255, 255, 255);"><span style="color: rgb(232, 232, 232);"><strong>周聖倫 <span style="font-size: 16.7px;">ShengLunChou</span></strong></span></h1><h4 style=" color: rgb(223, 233, 228);"><span style="color: rgb(232, 232, 232);"><span style="font-size: 15.03px;">Frontend Developer 前端工程師</span></span></h4><p style="color: rgb(255, 255, 255);"><span style="color: rgb(232, 232, 232); font-size: 13.36px;">&nbsp;<span class="fr-myicon fr-deletable color logos fr-myicon-img" style="background: url(&quot;https://spa-assets.cakeresume.com/assets/editor/icons/color/logos/apple_maps.svg&quot;);"><span class="fr-icon-space-wrapper">&nbsp;</span></span>&nbsp;</span><span style="color: rgb(232, 232, 232); font-size: 15.03px;">&nbsp;臺灣 臺中市</span></p><p><span style=" font-size: 15.03px;">&nbsp; &nbsp; &nbsp;我是Alan, 喜歡學習新技術, 在iSpan資策會接受正式的前端工程師訓練,目前是一名前端工程師, 擅長 React、TypeScript、 CSS、 HTML 等</span></p><ul><li style="color: rgb(255, 255, 255);"><span style="color: rgb(232, 232, 232);">Email : &nbsp;<a href="mailto:alanchou19950414@gmail.com" rel="nofollow noopener" style="color: rgba(223, 233, 228, 0.698);" target="_blank">choushenglun0414@gmail.com</a></span></li><li style="color: rgb(255, 255, 255);"><span style="color: rgb(232, 232, 232);">Telephone : 0970-688-851</span></li></ul><p><span style="color: rgb(232, 232, 232);"><a href="https://github.com/AlanChou0414" target="_blank" rel="nofollow noopener"><span class="fr-myicon fr-deletable color devicon fr-myicon-img" style="background: url(https://spa-assets.cakeresume.com/assets/editor/icons/color/devicon/github.svg);"><span class="fr-icon-space-wrapper">&nbsp; &nbsp;</span></span></a><a href="https://github.com/AlanChou0414" target="_blank" rel="nofollow noopener"></a></span>&nbsp; &nbsp; <span style="color: rgb(255, 255, 255);"><a href="mailto:choushenglun0414@gmail.com" target="_blank" rel="nofollow noopener"><span class="fr-myicon fr-deletable color popular fr-myicon-img" style="background: url(https://spa-assets.cakeresume.com/assets/editor/icons/color/popular/email.svg);"><span class="fr-icon-space-wrapper">&nbsp;</span></span></a>&nbsp;</span><span style="color: rgb(232, 232, 232);"><a href="mailto:alanchou19950414@gmail.com" style="color: rgba(223, 233, 228, 0.698);" target="_blank" rel="nofollow noopener"></a></span></p></div><div class="col-sm-6"><h1 style="color: rgb(255, 255, 255); text-align: center;"><span style="color: rgb(0, 0, 0);"><img src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/go6B5/alanchou1995/beff4ed9-8db3-41e3-9835-bf29c550346c.png" class="fr-fic fr-dii" style="width: 232px; aspect-ratio: 2060 / 2229;" loading="" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/go6B5/alanchou1995/beff4ed9-8db3-41e3-9835-bf29c550346c.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/go6B5/alanchou1995/beff4ed9-8db3-41e3-9835-bf29c550346c.png 828w"></span></h1></div></div><div class="row heading heading-skills-4"><div class="col-sm-12"><h2>技能</h2></div></div><div class="row repeater repeater-skills-4 repeater-end"><div class="col-sm-3"><h3>Languages</h3><ul><li>JavaScript</li><li>TypeScript</li></ul></div><div class="col-sm-3"><h3>Frontend</h3><ul><li>HTML5 | CSS3</li><li>React</li><li>SASS</li><li>Tailwind CSS</li></ul></div><div class="col-sm-3"><h3>Backend</h3><ul><li>Express</li><li>Node.js</li><li>MySQL</li><li>php</li></ul></div><div class="col-sm-3"><h3>Other</h3><ul><li>Git</li><li>GitHub</li></ul></div></div><div class="row heading heading-project-3"><div class="col-sm-12"><h2>專案</h2></div></div><div class="row repeater repeater-project-3"><div class="col-sm-2 col-xs-5"><h2 style=" color: rgb(14, 14, 15);"><a href="https://github.com/AlanChou0414/password-generator" rel="nofollow noopener" target="_blank"><img src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/go6B5/alanchou1995/0e8f4040-7d9f-4ef5-8c05-9a3f1c0cc955.png" class="fr-fic fr-dii" loading="lazy" style="aspect-ratio: 792 / 792;" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/go6B5/alanchou1995/0e8f4040-7d9f-4ef5-8c05-9a3f1c0cc955.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/go6B5/alanchou1995/0e8f4040-7d9f-4ef5-8c05-9a3f1c0cc955.png 828w"></a></h2></div><div class="col-sm-4 col-xs-12"><h2 dir="auto" style=" color: rgb(201, 209, 217);"><span style="color: rgb(0, 0, 0);">Password Generator</span></h2><p style="line-height: 1.5;"><span style=" font-size: 15.03px;">依照使用者所選密碼產度，隨機產生出含有大小寫英文、數字以及符號</span></p><p style="line-height: 1;"><span style=" font-size: 15.03px;"><a href="https://github.com/AlanChou0414/password-generator" rel="nofollow noopener" target="_blank">GitHub連結</a></span></p><p style="line-height: 1;"><span style=" font-size: 15.03px;">React | JavaScript | styled-components</span></p></div><div class="col-sm-2 col-xs-5"><h2 style=" color: rgb(14, 14, 15);"><a href="https://github.com/joanacircle/circular-journeys-frontend" rel="nofollow noopener" target="_blank"><img src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/go6B5/alanchou1995/87f54d41-6926-4a54-90e1-05880e0fac53.png" class="fr-fic fr-dii" loading="lazy" style="aspect-ratio: 2820 / 2036;" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/go6B5/alanchou1995/87f54d41-6926-4a54-90e1-05880e0fac53.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/go6B5/alanchou1995/87f54d41-6926-4a54-90e1-05880e0fac53.png 828w"></a></h2></div><div class="col-sm-4 col-xs-12"><h2 style=" color: rgb(14, 14, 15);">C<a href="https://github.com/joanacircle/circular-journeys-frontend" style="color: var(--color-accent-fg); text-decoration: none;" target="_blank" rel="nofollow noopener">ircular Journeys</a> <span style="color: rgb(0, 0, 0); font-size: 15.03px;">Travel Site</span></h2><p style="line-height: 1.5;"><span style="color: rgb(139, 148, 158); font-size: 15.03px;">設計並架構會員系統登入、註冊、忘記密碼以及串接email.js 發送驗證碼</span></p><p style="line-height: 1;"><span style=" font-size: 15.03px;"><a href="https://github.com/AlanChou0414/circular-journeys" rel="nofollow noopener" target="_blank">GitHub連結</a></span></p><p style="line-height: 1;"><span style="color: rgb(139, 148, 158); font-size: 15.03px;">React | Express | Node.js &nbsp;| MySQL | SCSS</span></p></div></div><div class="row repeater repeater-project-3 repeater-end"><div class="col-sm-2 col-xs-5"><p class="photo-wrapper" style="text-align: center;"><a href="https://github.com/AlanChou1995/project_SpeedConverter-app" rel="nofollow noopener" target="_blank"><img src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/go6B5/alanchou1995/d7b593a3-d387-48d4-af8e-9f4036360ad6.png" class="fr-fic fr-dib" loading="lazy" style="aspect-ratio: 416 / 321;" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/go6B5/alanchou1995/d7b593a3-d387-48d4-af8e-9f4036360ad6.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/go6B5/alanchou1995/d7b593a3-d387-48d4-af8e-9f4036360ad6.png 828w"></a><br></p></div><div class="col-sm-4 col-xs-12"><h2 style=" color: rgb(14, 14, 15);"><span style="color: rgb(0, 0, 0);">Network Speed <span style="font-size: 15.03px;">Converter</span></span></h2><p style="line-height: 1.5;"><span style=" color: rgb(139, 148, 158);"><span style="color: rgb(136, 136, 136); font-size: 15.03px;">依照使用者數入的Mbps轉換為MB/s，並根據網速產生不同顯示</span></span></p><p style="line-height: 1;"><a href="https://github.com/AlanChou1995/project_SpeedConverter-app" rel="nofollow noopener" target="_blank"><span style=" font-size: 15.03px;">GitHub連結</span></a></p><p style="line-height: 1;"><span style=" color: rgb(139, 148, 158);"><span style="color: rgb(136, 136, 136); font-size: 15.03px;">&nbsp;React | JavaScript | CSS</span></span></p></div><div class="col-sm-2 col-xs-5"><h2 style=" color: rgb(14, 14, 15);"><a href="https://github.com/AlanChou1995/Todos-app" rel="nofollow noopener" target="_blank"><img src="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=1200/https://images.cakeresume.com/go6B5/alanchou1995/eb3b9626-695d-4091-86c4-1fc67417df74.png" class="fr-fic fr-dii" loading="lazy" style="aspect-ratio: 1376 / 1016;" srcset="https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=640/https://images.cakeresume.com/go6B5/alanchou1995/eb3b9626-695d-4091-86c4-1fc67417df74.png 640w, https://img.cakeresume.com/cdn-cgi/image/fit=scale-down,format=auto,w=828/https://images.cakeresume.com/go6B5/alanchou1995/eb3b9626-695d-4091-86c4-1fc67417df74.png 828w"></a></h2></div><div class="col-sm-4 col-xs-12"><h2 style=" color: rgb(14, 14, 15);"><span style="color: rgb(0, 0, 0);">Todoslist <span style="font-size: 15.03px;">App</span></span></h2><p style="line-height: 1.5;"><span style=" color: rgb(139, 148, 158);"><span style="color: rgb(136, 136, 136); font-size: 15.03px;"><span style="color: rgb(136, 136, 136);">使用者能夠新增、編輯、刪除，並能將所輸入的代辦事項存取到LocalStorage</span></span></span></p><p style="line-height: 1;"><a href="https://github.com/AlanChou1995/Todos-app" rel="nofollow noopener" target="_blank"><span style=" font-size: 15.03px;">GitHub連結</span></a></p><p style="line-height: 1;"><span style=" color: rgb(139, 148, 158);"><span style="color: rgb(136, 136, 136); font-size: 15.03px;"><span style="color: rgb(136, 136, 136);">React | JavaScript | CSS</span></span></span></p></div></div><div class="row heading heading-work-experience-1"><div class="col-sm-12"><h2 style="line-height: 1;">工作經歷</h2></div></div><div class="row repeater repeater-work-experience-6 repeater-end"><div class="col-sm-11"><h3><span class="theme-main-color" style="font-size: 18.37px;">祥陽創意整合行銷公司 | </span><span class="theme-main-color" style="font-size: 13.36px;">職員</span></h3><p><span style="color: #888;">九月 2021 - 九月 2022</span></p><p>- 瞭解客戶需求，編列報表<br>- 瞭解客戶問題，與相關部門回報<br>- 協助各部門與客戶聯繫</p></div><div class="col-sm-1"><img class="logo fr-rounded" src="https://spa-assets.cakeresume.com/assets/f17124912b75a710bc32f6474605ed89.png" loading="lazy" style="aspect-ratio: 128 / 128;"></div></div><div class="row heading heading-education-3"><div class="col-sm-12"><h2 style="line-height: 1;">Education</h2></div></div><div class="row repeater repeater-education-3"><div class="col-sm-1"><img class="logo fr-rounded" src="https://media.cakeresume.com/image/upload/v1654687969/p663fgcmvhlniwq9o8js.png" loading="lazy" style="aspect-ratio: 150 / 150;"></div><div class="col-sm-8"><h3>iSpan資展國際股份有限公司</h3><h4>前端工程師專業職訓</h4></div><div class="col-sm-3"><p style="text-align: right"><span style="color: #888;">2022 - 2023</span></p></div></div><div class="row repeater repeater-education-3 repeater-end"><div class="col-sm-1"><img class="logo fr-rounded" src="https://media.cakeresume.com/image/upload/v1609992497/asdtdbwhuznzo4s6nuxe.png" loading="lazy" style="aspect-ratio: 150 / 150;"></div><div class="col-sm-8"><h3>樹德家商</h3><h4>觀光休閒管理學</h4></div><div class="col-sm-3"><p style="text-align: right"><span style="color: #888;">2010 - 2013</span></p></div></div></body></html>

周聖倫 ShengLunChou Frontend Developer 前端工程師 臺灣 臺中市 我是Alan, 喜歡學習新技術, 在iSpan資策會接受正式的前端工程師訓練,目前是一名前端工程師, 擅長 React、TypeScript、 CSS、 HTML 等 Email : choush...

周聖倫 ShengLunChou

Frontend Developer 前端工程師

技能

Languages

Frontend

Backend

Other

專案

Password Generator

Circular Journeys Travel Site

Network Speed Converter

Todoslist App

工作經歷

祥陽創意整合行銷公司 | 職員

Education

iSpan資展國際股份有限公司

前端工程師專業職訓

樹德家商

觀光休閒管理學