## Technical Skills ### Languages: * JavaScript (ES6+) * TypeScript ### Frontend: * React * RTK Query ### Testing: * Jest * Vitest ### State Management: * Redux-Observable * Redux ### Other Tools: * Lexical (for SMS Editor) * ApexChart (for Audience Analysis Charts) * Unlayer (for Email Editor) ## CDP Experience ### Analytics Dashboard Enhancement: * Implemented grouping functionality to organize data effectively. * Developed scrolling loading charts for a smoother user experience. ### Statistics Management: * Implemented reports and dashboards for effective data visualization. * Utilized x-data-grid table for efficient handling of statistics. ### SMS Editor: * Integrated Lexical to create a feature-rich SMS Editor. ### AI Marketing: * Developed AI marketing functions, including a word-cloud feature. * Implemented a feature for recommending influencers based on relevant criteria. * Developed functionality to recommend keywords for effective marketing strategies. ### System Design: * Designed and implemented a tag system for effective data organization. ### Audience Analysis Charts: * Implemented charts using the ApexChart library for insightful data representation. ### Testing Optimization: * Applied Vite Test to optimize and reduce testing time. ### Frontend Optimization: * Apply chunking strategies to enhance website loading speed after deploying * Developed a Vite plugin to upload sourcemaps to Rollbar for improved error tracking.

## Technical Skills * React * TypeScript * Next.js * Node.js * Jest ## Professional Achievements * Frontend Leader * Web-Socket Integration Expert * LIFF SDK Integration Specialist ### Line Thirty Product Development * Implemented a real-time chat room using WebSocket technology for seamless customer-service communication on the LINE platform. * Developed a customized CRM system with flexible messaging capabilities using the LINE Flex messaging system. ### LIFF (LINE Frontend Framework) Integration * Successfully integrated the LIFF SDK for enhanced frontend capabilities. * Integrated LIFF SDK into a private CRM system. ### Member System Enhancement * Developed a feature-rich member page, including member information, reservation functionality, and coupon management. * Leveraged LINE Login to securely access and retrieve member's public data. ### Store System Development * Implemented a Consultant Entry Page for streamlined employee data management. * Developed a comprehensive store system encompassing employee data, customer data, and an efficient customer service system. ### Invoice Sign-up Process * Successfully integrated LIFF SDK for enhanced functionalities. * Enabled users to access the camera through LIFF SDK for a seamless sign-up experience. * Implemented a detailed sign-up history tracking system.

## Skills * React * razzle ## Front-End Optimization * Reduce css bundle size over 50%. (100Kb -> 23Kb) * Refine component to enhance performance

## Skills * React * TypeScript * NextJs * NodeJs ## Achievement ### New Home Page * Project Lead * Integrate Project * Quality Keeper ### YesID * Apply for personal identification with Citizen Digital Certificate or Debit Card. * Use redux-saga to resolve certification apply procedure and user login procedure. ### Public-CMS * A posting system for authenticated user that could post article and display their posts in [invest](invest.cnyes.com). * User can edit content include multiple images uploading, pdf file uploading feature. * User would check their posts engagement rate after signing up public-cms. * Implement uploading feature by custom hook to handle success and fail condition. ### Invest - invest.cnyes.com * Portfolio feature — Provide a watch list for personal invest. User could drag item to change list. * Instant charting — Import tradingview-lightweight to display real-time price line of stock or forex rate. Use OO to design data class to update real time quote data without re-rendering all chart. ### Internal CMS - Internal system for journalist * Coupon generator for premium membership discount. * Publish recommended news tag list with draggable tag. ### Tracker Modularization (GA, Piwik, GTM) * Integrate all tracker into a react component, reduce scattered and duplicated code ### SEO Enhancement * Handle 302/301 redirect to resolve temporary or permanent link

## Skills * React * NextJs * NodeJs * Loopback --- ## Achievement ### MeLove Travel Agency website - * Use [Nextjs](https://nextjs.org/) for purpose of SSR, code splitting and server-side fetching data. * Deploy to production/stage via [pm2](https://pm2.keymetrics.io/), and monitor, restart and cluster server. * Travel itinerary deal exhibit with searching feature * Parsing article title and image from TripMoment.com for improving impression of TripMoment.com * Use Redux-Form to build customized itinerary request form. * Use redux for page state management. ### MeLove Travel Agency Management System * Use Loopbak to build up Back-End system for purpose of providing CRUD API endpoint, db migration and built-in authorization. * Use react-admin to build up admin interface with loopback built-in authorization API. * Build up trip package editor with Wysiwyg, include image uploading. ### TripMoment * Work with outsourcing RD to design SA. * Maintain TripMoment website with React and NodeJs. * Depoly via pm2 ### TripMoment VR * Use NextJS to build up * A brand image website * Implement with react-hook ### Ticket Sale Service * Use Loopbak to build up a micro service. * Use react-admin to build up admin interface. * Provide API endpoint to another service. * Send ticket QR code email to customer

✔Network Management Software Development with React/ES6 ✔Adapt GitLab to be software development tool. ✔Topology Feature ✔UI Revision with designer ✔App : eVue https://itunes.apple.com/tw/app/evue/id1303395133 - mt=8

Product : EDR810, EDRG902/G903 1. Feature Enhance - ✔ABC02 porting ✔Transparent firewall ✔Mess Configuration for EDR810/G902/G903 ✔OpenVPN porting ✔User Account Enhancement 2. Software Issue Tracking System on redmine