Peak Open Projects - Update #9 (Market Interface)

in HiveDevs2 years ago

update_9.png

<h3>Market [HiveHub.dev module] <p dir="auto"><sup><span>Developers: <a href="/@igormuba">@igormuba, <a href="/@asgarth">@asgarth. Feedback and suggestions: <a href="/@jarvie">@jarvie<br /> <sup><span>Repository: <a href="https://gitlab.com/peakd/hivehub.dev/-/tree/main/src/market" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://gitlab.com/peakd/hivehub.dev/-/tree/main/src/market <p dir="auto">With our goal of creating a Hive internal market that is very intuitive and has great usability in mind, we continue to make huge progress in the <a href="https://hivehub.dev/market" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">market page. A month ago, we announced that the <a href="https://peakd.com/hive-139531/@peak.open/peak-open-projects-update-7" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">swap interface is already available and can be used by the Hive community through the <a href="https://hivehub.dev/market/swap" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">HiveHub platform. <blockquote> <p dir="auto">We are also happy to see that other sites like Ecency took inspiration from our swap page for their site. On a related note we invite other apps to indicate when they are using code or designs from our open source projects, and cordially invite them to contribute to this open source code base if they add anything new and also to encourage their communities to support the peak.open project so that the funding can continue to improve these products. <p dir="auto">Now we have a new release that we are excited to share with you - <code>LIMIT orders! You can now easily create limit orders when BUYING and SELLING HIVE in the market. Aside from that, there are also a couple of useful features on this page that we have added to make the experience better for users which we'll go over in this post. <p dir="auto"><em>You can access the limit feature on <a href="https://hivehub.dev/market/limit" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">HiveHub. <p dir="auto"><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/Eo1vTqKnBVeZz5H2tAZ8uu6um28SesjsB9d59L4bkpSr9UKyVRNYUdT5vRpCDrdGMtT.png" alt="picdiv.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/Eo1vTqKnBVeZz5H2tAZ8uu6um28SesjsB9d59L4bkpSr9UKyVRNYUdT5vRpCDrdGMtT.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/mozzie5/Eo1vTqKnBVeZz5H2tAZ8uu6um28SesjsB9d59L4bkpSr9UKyVRNYUdT5vRpCDrdGMtT.png 2x" /> <h2>Market Limit page <p dir="auto">Let us now take a closer look at this new feature. After going to the market limit page, you will see right away the interface where you can buy and sell HIVE. Using this interface is quite intuitive. To proceed with your transaction, you simply have to input the ratio and indicate how much HBD or HIVE you want to Sell, the click on the action button (BUY HIVE or SELL HIVE). <p dir="auto"><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/242NsrDwFeKvtbeAdbiXicChK7bJcA9awvVPqGhA9z6wDpRegRhZiuSs51euTms2YUSBh.png" alt="Buy and Sell Hive interface" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/242NsrDwFeKvtbeAdbiXicChK7bJcA9awvVPqGhA9z6wDpRegRhZiuSs51euTms2YUSBh.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/mozzie5/242NsrDwFeKvtbeAdbiXicChK7bJcA9awvVPqGhA9z6wDpRegRhZiuSs51euTms2YUSBh.png 2x" /> <p dir="auto"><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/23tSxLhiVgeoT2hsM5m4mJfcCLXv3AnKrYwYJDf6ruEb22j479sTVpr2vd333B1tAC53E.png" alt="Price (HBD) and Hive per HBD ratios column in Order Book" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/23tSxLhiVgeoT2hsM5m4mJfcCLXv3AnKrYwYJDf6ruEb22j479sTVpr2vd333B1tAC53E.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/mozzie5/23tSxLhiVgeoT2hsM5m4mJfcCLXv3AnKrYwYJDf6ruEb22j479sTVpr2vd333B1tAC53E.png 2x" /> <p dir="auto"><em><strong>PRO TIP: Under the Order Book tab, you will see the Price (HBD) and HIVE per HBD columns. Click on your figures in this column that is desirable for you, and then it will automatically populate the Ratio portion under Buy/Sell HIVE. <p dir="auto">After proceeding with your transaction, you will your order under My Orders if it's pending (more on this later) or Trade History if your order already got a fill. <p dir="auto"><strong>HIVE/HBD TRADINGVIEW CHART <p dir="auto">Next, we have the HIVE/HBD chart. On the left side of the page, you will see the HIVE / HBD chart which you can easily modify to your own liking by clicking on the settings, and adding more indicators and other useful tools for your analysis. <p dir="auto"><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/23u6YQc3sScZiDe7VtxThqxy2p2BH6NVRZ6LJnPaXbxb2FGXpPvzFmeBFsUF8BgSUAyNQ.png" alt="HIVE/HBD chart" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/23u6YQc3sScZiDe7VtxThqxy2p2BH6NVRZ6LJnPaXbxb2FGXpPvzFmeBFsUF8BgSUAyNQ.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/mozzie5/23u6YQc3sScZiDe7VtxThqxy2p2BH6NVRZ6LJnPaXbxb2FGXpPvzFmeBFsUF8BgSUAyNQ.png 2x" /> <h3>My Orders, Order Book, Trade History <p dir="auto">On the lower side of the page, we have the My Orders, Order Book, and Trade History. These tabs contain helpful data when making your transactions in the Hive internal market. <p dir="auto"><strong>MY ODRERS<br /> <img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/23uEvCDUQvCMug9wLs1wMb1qfYu4jrs5QZiWGrt7BfvoTwtKdsCwEk2fRv2Mkm5HXXxz1.png" alt="My Orders" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/23uEvCDUQvCMug9wLs1wMb1qfYu4jrs5QZiWGrt7BfvoTwtKdsCwEk2fRv2Mkm5HXXxz1.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/mozzie5/23uEvCDUQvCMug9wLs1wMb1qfYu4jrs5QZiWGrt7BfvoTwtKdsCwEk2fRv2Mkm5HXXxz1.png 2x" /> <p dir="auto">The My Orders tab contains any open order (meaning an order that is still waiting to be filled) that you have. This will show important information such as how much HIVE and HBD is involved in the transaction, Price, and Filled %. You can also cancel the order here by clicking on cancel under the action column. <p dir="auto"><strong>ORDER BOOK<br /> <img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/23tHbP3h2JkbmvxsYBdj74nvKpN1mLwkw7bK9SwcCAGLBeEKDvwkEom1Jk6nYZrHymUm3.png" alt="Order Book" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/23tHbP3h2JkbmvxsYBdj74nvKpN1mLwkw7bK9SwcCAGLBeEKDvwkEom1Jk6nYZrHymUm3.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/mozzie5/23tHbP3h2JkbmvxsYBdj74nvKpN1mLwkw7bK9SwcCAGLBeEKDvwkEom1Jk6nYZrHymUm3.png 2x" /> <p dir="auto">Next, we have the order book. This shows the open orders for buying and selling HIVE in the internal market. That's why when you want a quick fill on your orders, you can just a match an open order that you can see in the Order Book. <p dir="auto"><em>Note: The ones in the green are those that want to buy HIVE and red for selling. So if you are looking to get a quick fill when you are selling HIVE, you should be matching the corresponding ratio in green. <p dir="auto"><strong>TRADE HISTORY <p dir="auto"><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/23t7AypYxRe36FLcTV9ZVTNbVSo9PBUY4RHGiXvt2LGy4ewGooEu1V44iCZK1CH6rk6vS.png" alt="Trade History" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/mozzie5/23t7AypYxRe36FLcTV9ZVTNbVSo9PBUY4RHGiXvt2LGy4ewGooEu1V44iCZK1CH6rk6vS.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/mozzie5/23t7AypYxRe36FLcTV9ZVTNbVSo9PBUY4RHGiXvt2LGy4ewGooEu1V44iCZK1CH6rk6vS.png 2x" /> <p dir="auto">Lastly, we have trade history. Here you can see the most recent trades or completed transactions in the Hive internal market. This portion shows the time data, price ratio, and amount of HIVE and HBD bought/sold in the corresponding transaction. <hr /> <p dir="auto"><img src="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/peakd/w36DQpO7-Selection_298.png" alt="Selection_298.png" srcset="https://images.hive.blog/768x0/https://files.peakd.com/file/peakd-hive/peakd/w36DQpO7-Selection_298.png 1x, https://images.hive.blog/1536x0/https://files.peakd.com/file/peakd-hive/peakd/w36DQpO7-Selection_298.png 2x" /> <h2><span>How to support the <a href="/@peakd">@peakd project <p dir="auto"><strong>WORK WITH US<br /> If you're a project looking to integrate one of these tools message us.<br /> If you're a developer looking for a part time open source project message us. <p dir="auto"><strong>WITNESS VOTE<br /> We have been voted as a top block producer on hive (aka "witness"). You can add your vote for us on the main <a href="https://peakd.com/witnesses" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">witness page<span> our "witness" account is <a href="/@steempeak">@steempeak <p dir="auto"><span>VOTE HERE: <a href="https://peakd.com/witnesses" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://peakd.com/witnesses <p dir="auto"><strong>OPEN PROJECTS PROPOSAL<br /> You can support our proposal to develop open source tools for the whole Hive community using one of the following links: <ul> <li><span>PeakD: <a href="https://peakd.com/proposals/223" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://peakd.com/proposals/223 <li><span>Hive.blog: <a href="https://wallet.hive.blog/proposals" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://wallet.hive.blog/proposals <li><span>Ecency: <a href="https://ecency.com/proposals/223" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://ecency.com/proposals/223 <li>Or directly on <a href="https://hivesigner.com/sign/update-proposal-votes?proposal_ids=%5B223%5D&approve=true" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Hivesigner <p dir="auto"><strong>BENEFICIARY<br /><a href="https://peakd.com/me/settings/general" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Turn on in settings<span> You can donate 5% of your Hive Reward Pool earnings to <a href="/@peakd">@peakd to help use improve the interface: <p dir="auto"><strong>SHARE IDEAS AND FEEDBACK<br /> We invite you to share and brainstorm some ideas with us: <ul> <li><span>Share on posts <a href="/trending/hivelaunchpad"> #HiveLaunchpad or <a href="/trending/peakopenprojects"> #PeakOpenProjects <li>Reach out on <a href="https://discord.gg/qfZDnKqT4a" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">this discord channel <li><span>Create a suggestion on our new feature voting site <a href="https://feedback.peakd.com" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://feedback.peakd.com -- use category "Peak Open Projects" <hr /> <p dir="auto"><strong>The PeakD Team<br /> <em><span>About us: <a href="https://peakd.com/about" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://peakd.com/about<br /> <a href="https://discord.gg/Fy3bca5" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Discord - <a href="https://peakd.com/@peakd" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Blog - <a href="https://twitter.com/peakdcom" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Twitter - <a href="https://www.linkedin.com/company/peakd/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">LinkedIn
Sort:  

on my first attempt of using it it is still grayed out for me:

https://hivehub.dev/market/swap

You might be using a cached version. You can force refresh on your browser by using ctrl+shift+r on Windows and Linux or cmd+shift+r in mac (if I recall correctly)

thanks, it works now

Nice project

i love the HiveHub Site, well done! just to be sure, is it correct that the order book for the swaps are the same for the limit orders?

Yes, of course. Both swap and limit use the Hive internal market, both use the same orders that are on Hive blockchain, it is just a new front-end for it

Great one!
Are you guys planning to integrate this into the main peakd site at some point?

wow well done!

update: it's working for me now; btw impressive that you got an HIVE/HBD chart

also, I am really missing the depth chart; could you implement it as well?

it would also be great to see the 24h volume instead of only the 1h


The rewards earned on this comment will go directly to the people sharing the post on Twitter as long as they are registered with @poshtoken. Sign up at https://hiveposh.com.


Credit: memess
Earn Crypto for your Memes @ hiveme.me!