Benben （翁士育）
Hi, I'm a front-end developer from Taiwan. I like to learn various web development skills with hands-on experience in both React and Vue. Usually, I'm a workaholic, but I enjoy reading books and writing blogs in my free time, as well as coding, of course.
(+886) 903106743
z2266109benben6515
Skills
HTML/CSS
CSS Selector & Layout
familiar with HTML, CSS Selector. well knowing BEM naming
SCSS/SASS
use SCSS/SASS preprocessor to boost productivity
UI library
well understanding Bootstrap, tailwind .etc principle
CSS in JavaScript
well knowing usage of styled-components, @emotion
JavaScript
TypeScript
experience of TypeScript development
ES6
familiar with native ES6 JavaScript syntax
Basic Algorithm/Data Structure
knowing algorithm / data Structure and keep learning
JavaScript concept
knowing advance JS concept i.e. this, closure, scope, prototype ...
Framework
React
familiar with React ecosystem, and hooks
Vue
familiar with Vue ecosystem, and composition API
BackEnd
Back-End Framework
use Node.js, Express to establish a Restful API server
Deploy
deploy on AWS EC2, Netify, Heroku .etc platform
Database
MySQL
use MySQL for database, knowing different between SQL & noSQL
Basic SQL query
understanding SQL query syntax of 'CRUD'
SQL injection, XSS ...
knowing the common information security, and prevent them
IDE/Tools
Git
knowing common usage, includes rebase, cherry-pick .etc
IDE (NeoVim/Vim)
daily IED is NeoVim(LazyVim) which boost productivity
Projects
1. Classcipe
Project Brief
The company is in New Zealand, and the team is fully remote. I primarily build the whole website's front-end part from 0 to 1.
The biggest challenge
We encountered a performance bottleneck caused by data structure and business logic. We discussed solutions with backend staff and the boss, and finally solved the problem.
2. Gigabyte-industry
Project Brief
The project for customer's marketing purpose. There are considerable interactive effect with 3D models. Also it is multilingual web page. I was in charge of whole Front-End part
Tech Stack
Developed with Vue, Pug/Sass, Babylon.js(3D framework) in front-end. Back-End developed with Laravel by back-end developers.
Development Process
The project was created when I was in the King-One Design Company. I was responsible for whole front-end part. Communicated with PM, Designer, Back-End and even client, to resolved occurred problems. Development schedule was about one month, and I was responsible for maintain this project
3. APEC 2021 Event
Project Brief
The project for customer's event purpose. There are considerable interactive fancy effects. Also it is multilingual web page. I was in charge of whole Front-End part.
Tech Stack
Developed with Vue, Pug/Sass in front-end. Back-End developed with Laravel by back-end developers.
Development Process
This project is re-build project with add new feature in old project. I response for all task, adding new technology and meanwhile maintain old parts.
Education/Experience
Experience
Classcipe - Front-End team lead
2023.02 ~ 2025.08 (2.5 years)
- Developed an educational technology product from scratch, collaborating with Indian IB-certified teachers/business professionals. - After approximately one year, promoted to Front-end Team Leader, leading 2-3 front-end colleagues. - Planned Responsive APIs and data models with the back-end team to meet business needs. - New projects adopted Vue 3, while some older projects used Vue 2, and the older projects were refactored when time allowed. - Optimized pages using a large number of components, improving loading speed by 300%. For example, addressing loading/lag issues caused by a large number of components requiring drag-and-drop sorting.
Red Envelope - Front-End
2021.02 ~ 2023.02 (1 year)
- Respond to all front-end related business - Actively share knowledge, such as: TypeScript, Vim - Unify the coding style of front-end projects - Refactor projects from Vue 2 to Vue 3 - Discuss new features with the CTO
King-One Design - Front-End
2021.11 ~ 2022.02 (3 months)
- Start from scratch to build projects using Vue - Bring over one million for the company by completing projects independently (boost 10% of annual turnover) - Learn new projects promptly and join to support other developers - Introduce Tailwind CSS to speed up the development of the front-end - Maintain several projects in React and Vue
Education
Lidemy - Trainee
2021.04 ~ 2021.10 (6 months)
- Sprint full-time in half a year, complete front-end and back-end learning plan - The only 180-day uninterrupted payment of learning progress - Deep learning and breadth learning at the same time, and continuous self-study during this period, such as: CS50, Udemy
Chung Yuan Christian University - Applied Math.
2013.09 ~ 2018.06
- Received the "Freshman Education Award" as a freshman by got full score in Math - In junior year, served as chief photographer of Hot music Club
References
Blogs
Record some note, reading experience .etc.
Collaborative blog with Lidemy classmates.