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

in utopian-io •  last year  (edited)

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?
image.png

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

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

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

  ·  last year (edited)

Is the #utopian-io tag for programmers?

Hey @justyy I am @utopian-io. I have just upvoted you!

Achievements

  • WOW WOW WOW People loved what you did here. GREAT JOB!
  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

I'm loving the community spirit here at steemit, All the great add-ons are hard to keep up with. We have great programmers among us. 🌠
❓May I ask you to check My Idea for a steemit related site and get back to me with your thoughts?
Thanks very much 💕 Life is good 😎

Is the #utopian-io tag for programmers?

Yes and no. Please visit https://utopian.io for more details.