Front End ❀
Front End Development is something close to my heart. Below are a few of the tutorials, projects, presentation slides, developments and codes that I had done in Front end development space. I also write and help in maintaining a few libraries.

I use Vue and React at work, but I did test and play around with Web Component Framework (LitHTML & LitElement) when I am free.
CoinGecko Mobile App
Developing and Maintaining CoinGecko Mobile App.
  • Implemented push notification for price alert
  • Upgrade RxJS 5 to 6
  • Tablet support
PortfolioV2
My personal portfolio V2, complete rebuild with Server Side Rendering using Quasar Framework, Steem Blockchain, Express and Node.js.
NFTGecko
NFT Gecko is a web interface to manage CryptoCollectibles and ERC-721 tokens based on Ethereum blockchain.
Brief Introduction to NFT
Presentation Slides written in React.js for presenting demo on how NFTs work from a technical perspective.
Quasar Framework contribution
I made various contribution to Quasar Framework including main Quasar Repo and quasar-testing repository.
PR#3235
PR#3426
PR#44
CoinGecko Chrome Extension
I developed a chrome extension for CoinGecko.com from scratch. During the development, I created vue-cli-plugin-chrome-ext for the ease for development.
CoinGecko XMAS NFT
An ERC721 explorer that is build on top of Ethereum blockchain. This site is build with React and Mobx as state manangement, the app directly interact with Ethereum blockchain through JSON-RPC library called Web3.js.
FreeCodeCamp Explanation on Add to Homescreen
On FreeCodeCamp guide, there is a lack of documentation on progressive web app, so I decided to write a documentation based on my previous blog post on some topic about Progressive Web App (PWA).
A simple tools to extract links and generate links for different steem platform. This library is written with TypeScript and build with Rollup, and it can be used on web and Node.js as well.
vue-cli-plugin-chrome-ext
A simple Vue CLI plugin that scaffold a default Vue project into developing Chrome Extensions. It support JavaScript and TypeScript.
ce-to-iframe
Custom Element to iFrame: Simple tools to convert custom element to iFrame. Use case? Make your Custom Element AMP Compatible.
Steem Web Wallet
Steem Web Wallet, also known as SWW in short. A Steem wallet that can be used on modern web browser, to do micro payment with ease. With SWW, all transaction are signed on the front end and there is no any backend server involved.
SteemHunt Contribution
I make multiple contribution to SteemHunt project including some Back End work (Dockerizing project). For front end, I add content caching with local storage for SteemHunt website.
PWA Presentation
Presentation with a sample website on how Progressive Web App (PWA) works.
OpenDota Contribution
Making Open Dota into Progressive Web App!
PR#1265
PR#1344
Util
My first ever Progressive Web App (PWA), in development I use React.js, Webpack; and in production, I use Preact.js; and it took me around 4 days to complete it.