CoinTools Update: Enhanced UX with Cryptocurrency Search and Showing Changes!

Introduction

CoinTools is a handy gadget to Chrome browser that you can launch easily to view the information of cryptocurrency.

https://chrome.google.com/webstore/detail/coin-tools/fmglcggbdcbkpkfapngjobfeakehpcgj

Previous Contributions

• v0.0.13: CoinTools Update: Showing Top Pairs of Cryptocurrency
• v0.0.12: CoinTools Update: Adding News Feed, Average Series in Historical Graphs
• v0.0.11: CoinTool Update: Arbitrary Historical Date Period + Amount Conversion to Local Currency + Preserve Historical Graphs
• v0.0.9: CoinTools Update: v0.0.9, Specify Amount + Reverse Cryptocurrency Calculation
• v0.0.8: CoinTools Update: v0.0.8: Add Coinbase API + Customized History Data
• v0.0.7: CoinTools: Historical Conversion between Any Two Cryptocurrency
• v0.0.6: CoinTools Update: Show Full Cryptocurrency Details by Click or Startup, Add Language Handlers
• v0.0.5: CoinTools v0.0.5: Update: Cryptocurrency Converter Calculator, Support Coin Symbols and Add More Localization
• v0.0.4: CoinTools v0.0.4: Conversion Between Two Fiat or Fiat-Coin + 24 Hour Cap Chart
• v0.0.3: CoinTools v0.0.3: Adding Total Market Cap USD Chart, Localization and Stock Price Emoji
• v0.0.2: Cryptocurrency Conversion + UI Localization
• v0.0.1: Introduction to CoinTools! A Cryptocurrency Chrome Extension

Technology Stacks

Javascript that runs in Chrome.

Github

https://github.com/DoctorLai/CoinTools

Chrome Webstore

It is available online at Chrome Webstore:
https://chrome.google.com/webstore/detail/coin-tools/fmglcggbdcbkpkfapngjobfeakehpcgj

v0.0.13 Features

This commit contains:

• Ranking Table: Enhanced UX with CSS improvements over the changes figure.
• Ranking Table: Cryptocurrency Search via Ajax e.g. Users type and see changes immediately.
• Dashboard: Showing Changes for single Cryptocurrency command.

Screenshots

Looks professional huh?

Search Bar allows you to type in coin and searches will be done immediately as you type.

How to Implement Search Function?

Change the function declaration to the following with default parameters so it does not break existing features:

const getRankingTable = (currency, dom, keyword = "", limit = 200)

When keyword is set, we then need to fetch API results with limit = unlimited. The key point here is to retrieve all cryptocurrencies (currently more than 1000) and do a search filtering locally (not on server).

if (keyword.length > 0) { // if a search keyword is given
    let id = result[i]['id'].toLowerCase();
    let name = result[i]['name'].toLowerCase();
    let symbol = result[i]['symbol'].toLowerCase();
    if (!(id.includes(keyword) || name.includes(keyword) || symbol.includes(keyword) )) {
        continue;   // filter out unmatched coins.
    }
}

Roadmap of CoinTools

Any good suggestions, please shout at @justyy. I am so proud of this update, and probably this tool will no longer be updated for some time (because I don't know what to add now)

License

MIT

Contribution Welcome

Github: https://github.com/DoctorLai/CoinTools/

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request.

Chrome Webstore

Install the CoinTools Now!

---

Posted on Utopian.io - Rewarding Open Source Contributors

---