[Frontend, UI UX] Tripbtoz Hotel Commerce

slide 5 1min

Key Achievements

  • Refactored the entire website responsive and made mobile webViews in React, Webpack, Babel, Styled Components

  • Reduced 25% of customer service cases by optimizing map and hotel commerce page browser renderings through reconstructing backend-to-frontend API data flow and enhancing asynchronous event handling system

  • Led UI engineering of design components based on atomic modular system, designing UX wireframes for designers

Skills

Babel.js ยท Cascading Style Sheets (CSS) ยท React.js ยท JavaScript ยท HTML ยท Node.js ยท Redux.js ยท Webpack

๐๐ซ๐จ๐ฃ๐ž๐œ๐ญ: ๐‘๐ž๐ฌ๐ฉ๐จ๐ง๐ฌ๐ข๐ฏ๐ž ๐ฐ๐ž๐›๐ฌ๐ข๐ญ๐ž๐ฌ (๐’๐๐€), ๐ฆ๐จ๐›๐ข๐ฅ๐ž ๐ฐ๐ž๐›๐ฏ๐ข๐ž๐ฐ๐ฌ ๐Ÿ๐จ๐ซ ๐€๐ง๐๐ซ๐จ๐ข๐/๐ข๐Ž๐’ ๐š๐ฉ๐ฉ๐ฌ

  • Improved redux data flow and asynchronous event handling system in order to optimize browser rendering, especially for Map pages

  • Upgraded an outdated website into mobile/tablet/PC responsive web app with React, Redux, Reselect structure

  • Manage CI/CD, troubleshoot, and deploy with Jenkins

๐๐ฎ๐ข๐ฅ๐ ๐ƒ๐ž๐ฌ๐ข๐ ๐ง ๐’๐ฒ๐ฌ๐ญ๐ž๐ฆ, ๐‹๐ž๐š๐ ๐๐ซ๐จ๐๐ฎ๐œ๐ญ ๐Œ๐š๐ง๐š๐ ๐ž๐ฆ๐ž๐ง๐ญ

  • Refactored UI engineering by modularizing all components and building Design System based on atomic design philosophy. Worked closely with UX designers

  • Led a product management process for new features - developing social media sharing, integrating common components. Worked closely with design, sales, CS teams.

  • Improve UI/UX based on customer / internal feedbacks in every weekly sprint cycle

๐๐ซ๐จ๐ฃ๐ž๐œ๐ญ: ๐‡๐จ๐ญ๐ž๐ฅ ๐‘๐ž๐ฏ๐ž๐ง๐ฎ๐ž ๐Œ๐š๐ง๐š๐ ๐ž๐ฆ๐ž๐ง๐ญ ๐’๐จ๐ฅ๐ฎ๐ญ๐ข๐จ๐ง๐ฌ (๐๐Ÿ๐)

  • Plan and build the early stage website with React framework, Ant design, AWS S3, cloudfront

  • Integrate i18n for internationalization/localization