Web Components Exchange Rates

Calculate rates in real-time.

Launch the application

$ npm install
$ npm start

Release in Production

$ npm run prod

Tech Stack

Libraries

• @webcomponents/webcomponentsjs
• Polyfill
• Lit-element

Tools

• Webpack
• Babel
• Eslint

Browsers support

• Chrome
• Firefox
• Safari
• Edge
• IE11

Polyfills

If the broswer doesn't support webcomponents, custom elements or es6 features like fetch and includes the polyfill script will add at runtime. Below you can find the features supported:

• Generics

  • Symbol
  • fetch
  • customElements

• Arrays

  • entries
  • from
  • find
  • findIndex
  • includes
  • keys
  • values

• Objects

  • assign
  • entries
  • values

• Strings

  • endsWith
  • includes
  • startsWith

Todo

• Setup Unit Testing
• Setup E2E Testing

Keep calm and code!