莊力維 (Leo)

Front-End Developer  •  Keelung,TW  •  [email protected]

Hi, thanks for dropping by : )  I am an extrovert person who love outdoor activities and  have passion on front-end skills. All the works below are learned myself which including VueJS & ReactJS. Feel free to see my works to know if I am the right guy you want. If there is any chance, please let me know!


  •  HTML
     - Using appropriate tags and descriptive attribute to make code more readable and easier to maintain.
     - Always consider the structure and extendable flexibility before building project.
     - Understand fundamental knowledge of Pug and make it in use.

  •  CSS
     - Flexbox, Responsive Web Design. Enable to build without framework.
     - Enable to use pre-processor Stylus

  •  JavaScript
    - Owing fundamental knowledge in VanillaJS, ReactJS & VueJS.
    - Using Vuex and Router appropriately to handle data processing.
    - Excel in communicating with back-end developer and connect API.
    - Understand main features of ES6 => Arrow function, Destructuring Assignment, Template Literals, Block-Scoped Constructs Let and Const, Multi-line Strings


E-commerce side project

 A project that simulate a e-commerce web with CMS system (DataBase was build by others) -- 2 stars of this project

1. Create / Delete / Sort / Edit Products (pagination feature included)

2. Simulate shopping cart action including redirect pages, enter coupons

3. Form Validation

Click to see my code
Demo Link

Paragraph image 00 00@2x ebb59a6d9adb03673d06762584bb6a0cc401a7cc4bd081bb82ce6f841d95aa2b

Paragraph image 01 00@2x 1a3881c875a7a1fb1e859435ef9363b5ddf36f4e73d1ad63a1a0af69f2a9f745

Jammming Project via ReactJS

Web app created via ReactJS and fetched Spotify API.
Currently deploy on Surge.


                     1. Search songs via name, album or artist.
                     2. Customize playlist name.
                     3. Add/remove songs to playlist.
                     4. Sync to your Spotify account
                     Click to see my code
                     Demo Link

E-commerce side project

An BMI Calculator. Using the local storage to store the records for users.

Click to see my code
Demo Link

Paragraph image 01 00@2x 1a3881c875a7a1fb1e859435ef9363b5ddf36f4e73d1ad63a1a0af69f2a9f745



Cloud Interactive
Front-End Developer / Oct 2018 ~ Present
(An AI and Machine Learning Consulting Firm)

  1. Maintain official website, including add new pages and bug solving.
  2. Participate POS project and be responsible for CMS system.


Sales Support Specialist / Mar 2017 ~ Jun 2018

(A lead brand at electronic scales in coffee industry) 

  1. Increased user brand loyalty in thoughtful customer service practice by differentiating the target customers (resellers and end-users)
  2. Coordinated between with the company and manufacturing factory – to ensure the business standard and goals are met; customer demand is fulfilled.
  3. Fulfill orders from sales and maintain the relationship with customers to increase the repurchase rate.
  4. Collaborate with sales team on tailored sales solution for resellers all over the world. Sales Growth 16% within a year.
  5. Training education in quality control to ensure the quality of products.

Project participated: 

- Starbucks: Collaborate with sales representative to do education training for Starbucks. Accomplished the project with sales team to become supplier of Starbucks. 

- Website: Assisted UX Designer to rebuild a new website.


Ming Chuan University

Bachelor's degree |Applied English 

2011 – 2015 

Major Courses Taken: 

Literature Interpretation / Business Management / International Etiquette / Cross-Cultural Communication / Marketing Management / Advertising English / International Marketing

Powered by CakeResumePowered by CakeResume
Powered by CakeResumePowered by CakeResume