Disclaimer: This post is just an opinion and is for information purposes only. It is not intended to be investment advice. Seek a duly licensed professional for investment advice.
Yesterday, I started Tracking Hive using Python-Flask Deployed in Heroku with default HIVE to USD conversion feature.
It uses CoinGecko API to get necessary data and is parsed in the backend before displayed in the web UI.
To make the page load faster, the first visible page is only a bare HTML document with a loading effect element.
I wrote a script in JQuery to load the UI-elements. The main content is still empty with only placeholder logo and text that acts as an unanimated loading message too. (will fix that later)
With AJAX or asynchronous JavaScript, I accessed the CoinGecko API in the background using Python (Flask), then processed the data into formatted HTML strings before appending into the current webpage without reloading.
Currently the Coins is still set to default as HIVE and is still uneditable, but can be changed by inspecting element and changing the hidden input element value of id=co to one from btc, eth, or xrp, then do the next feature below.
The default conversion is to USD, but can be changed by clicking on the currency text element. This will load a list of CoinGecko supported currencies. Select your desired currency then the site will do all process in the background then update the main content without reloading the page.
That's for now, if I have more extra time, I'll add more useful features to the site, without making it a CoinGecko copycat.
The credits popup is already available in the backend, but is still not accessible on the web UI.
Curious about Crypto?
Buy and Sell on Coinbase
Get Started
| Onie Maniego was born in Leyte, PH. He grew up in a rural area with a close-knit community and a simple lifestyle, he is often visiting his father's orchards during summer and weekends, which has a great impact on his works. |
Don't forget to vote, comment, and follow me.
Not yet on Hive? Earn while blogging.
Sign Up
