paymentwall-cuonghv91 v1.0.15

paymentwall-cuonghv91

This repository is for test task of Paymentwall Inteview. In this project I use vanilla Javascript, Web Component, SASS, BEM, Webpack.

This widget is well tested on Mobile, Desktop, Tablet, Cross-Browser ( latest versions of Chrome, Firefox and Safari and in IE10 and up)

==> NPM

  npm i paymentwall-cuonghv91 --save

==> CDN

   <script type="text/javascript" src="https://unpkg.com/paymentwall-cuonghv91@latest/dist/paymentwall-cuonghv91.min.js"></script>

==> Live view: https://dist.cuonghv911.vercel.app/

==> Video Screenshot: https://drive.google.com/file/d/1kONe0OmIY9jk4FIeUqxT9LitPj1VWTEz/view

To run this project locally:

• Step 1: npm install
• Step 2: npm start

I made this to be a universal widget, so that you can use it on any frontend frameworks or libs. (like jQuery, React, Angular)

==> For this widget to work with React Vue or Angular

• Step 1: run this comman:

  npm i paymentwall-cuonghv91 --save

• Step 2: In your component import widget like this:

  import 'paymentwall-cuonghv91/dist/paymentwall-cuonghv91.min.js';

• Step 3: In your code use this: (Because this is a test task, so I will let people enter thier own project_key and secret_key, I know its not good for security for sure. But its convenient for testing I supposed)

  <paymentwall-cuonghv91 project_key="c97e80a076e96f57137a8a78f69713db" secret_key="30e98e6296f643fd3b06b96f74192635"></paymentwall-cuonghv91>

==> For this widget to work with jQuery or some other libs or frameworks.

• Step 1: Add this tag at the end of body tag:

  <script type="text/javascript" src="https://unpkg.com/paymentwall-cuonghv91@latest/dist/paymentwall-cuonghv91.min.js"></script>

• Step 2: Add this tag into your HTML code: (Because this is a test task, so I will let people enter thier own project_key and secret_key, I know its not good for security for sure. But its convenient for testing I supposed)

  <paymentwall-cuonghv91 project_key="c97e80a076e96f57137a8a78f69713db" secret_key="30e98e6296f643fd3b06b96f74192635"></paymentwall-cuonghv91>

That's it !

========================================

==> Local test for ReactJs: https://github.com/cuonghv91/paymentwall-cuonghv91-reactjs

  npm install

  npm start

==> Local test for jQuery: https://github.com/cuonghv91/paymentwall-cuonghv91-jQuery.git

Just run the index.html file on browser