portfolio

Web Consultant @Westpac

Key Duties:

  • Building customer pricing platform so the bankers can create/ approve/ reject/ escalate new pricing offers. This platform is available for all Westpac group brands includes Westpac, St.Gerge, Bank of Melbourne, and BankSA.
  • The customers can be existing customer, new to bank customer or a customer acting on behalf of another customer/organization.
  • The customers can create a new term deposit account or reprice their existing accounts.

Technologies used:

  • React 16
  • Redux
  • Redux Saga
  • Json server
  • Nodejs
  • Enzyme

Web developer @Pickles Auctions

Key Duties:

  • Upgrade App from Angularjs 2 to Angularjs 4.
  • Implemented hero search component using react + redux.
  • Implemented Webpack features especially tree shaking.

Technologies used:

  • Angularjs 4
  • Angularjs 2
  • Typescript
  • React
  • Redux
  • Webpack
  • Nodejs
  • Paint.Net
  • CSS3
  • HTML5
  • jQuery

How to translate the whole web page

Google translate is one of the best tool for translating any words in one language to another language.

What about translating the whole web page? To do that, we can easily achieve with Chrome browser.

Following the steps below to translate the whole web page:

  1. Browse to any website that requires translation. For example, we can go to http://vnexpress.net/.
  2. Right click any space on the page, and select “Translate to English” option.

    translate1

  3. Wait for a few second, a little popups window will appear near the URL bar.
  4. Click on “Options” link.

    translate1

  5. Select the language from and to, then hit “Done” button.translate1

Hope this would help someone 🙂

Web developer @Fiserv

Key Duties:

  • Worked on Westpac’s online transform program (OTP) MOBILE + DESKTOP – building the web page and mobile application so the user can log in and do their online banking.
  • Worked on payment component of the application including the UI view, the payment API services to execute CRUD operations to the database.
  • Responsible for accessibility of application (HTML5 standards + Voice over + Talkback + Jaws) – Ensure the application to pass AAA accessibility standards, fully support for blind and impair vision customers.
  • Responsible for UI components and patterns for MOBILE application – It includes how the web elements should look, how the animation should behave based on the business and customers feedback. Ensure the patterns pass the accessibility, browsers and devices compatible.
  • Improving mobile application performance for all mobile devices – reduce the loading time after sign in from 8 seconds to 3 seconds, ensure the application still functions with acceptable speed for the low end devices like Samsung S2, Samsung S3, etc…
  • Implemented NBA (Next Best Action) framework for MOBILE application – based on information from KnowMe system to determine which one is the customer next best action and where the location of that next best action should be on the page
  • Implemented the client side JavaScript framework based on reactjs, redux, angularjs, knockoutjs, requirejs, etc…
  • Implemented javascript unit testing using Moq framework
  • Building css framework based on Less
  • Worked with designer to achieve the look of the icons being used for the application – normal icons for standard resolution and retina version of icons for high screen definition like iphone, ipad, etc…

Technologies used:

  • Accessibility
  • CSS3, HTML5
  • Reactjs, Redux
  • Angularjs
  • Git source control
  • Photoshop
  • Paint.Net
  • MVC, C#
  • KnockoutJs, jQuery
  • Less, Sprite image and css generations

Senior .Net Developer @M&CSAATCHI

Key Duties:

  • Working on front end work and creating eDMs.
  • Web project using MVC3
  • Writing Regression Test
  • BDD (Behaviour Driven Development)

Technologies used:

  • Framework 4, C#,
  • SQL server 2008
  • MVC3
  • MVC4
  • Entity Framework
  • Photoshop
  • Net
  • Selenium
  • SpecFlow
  • SVN source control

Consultant @LionNathan

Key Duties:

  • Worked with UI templates provided by Siebel and enhanced it to have a better modern look and feel for Lion Nathan customer
  • Implemented JavaScript framework to convert Frame based Siebel UI templates into Frameless based.
  • Rebuild the login and registration process web based application.
  • Improving the performance of the application by loading css, JavaScript on the fly.
  • Implemented google analytics to capture all the users action based on business requirements including page views, button click events, search terms, etc….

Technologies used:

  • Siebel
  • Google analytics
  • Reactjs
  • Redux
  • Photoshop
  • Paint.Net
  • CSS3
  • HTML5
  • jQuery