SteemOC [Steem Overclock] a New Platform for Steemians To Run Steemit Code Online With Integrated Steem-js and Dsteem

Hello Steemians, As of me being a 6-month-old Steemit user, I decided to contribute to Steemit. I decided to create an online HTML/ javascript runner for steemit that can be used to do almost everything with Steemit.

<p dir="auto">As most of the developers know that they can go to any online compiler and import Steem-js and other scripts to run Steemit code over it. I decided to create a specialized version that has built-in Steem-js and Dsteem integration. <p dir="auto">It became easy for every Steem user now to run Steem-js and Dsteem code online with easy to use interface. <p dir="auto">Every Steemit user can learn a little bit of code and get the result for their query using SteemOC. <p dir="auto"><center><h1>About SteemOC: <hr /><p dir="auto"><img src="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmcavUPNSR8PJUqwUPdrA7qf8BtaCbUZHr3YfTQtPQxdv5" alt="2018-07-29 (10).png" srcset="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmcavUPNSR8PJUqwUPdrA7qf8BtaCbUZHr3YfTQtPQxdv5 1x, https://images.hive.blog/1536x0/https://ipfs.busy.org/ipfs/QmcavUPNSR8PJUqwUPdrA7qf8BtaCbUZHr3YfTQtPQxdv5 2x" /> <p dir="auto">It has an output window below Play button that shows HTML code. Also there are 4 buttons Steem-js, Dsteem, RenderJSON and Hastebin to help you code along. <p dir="auto"><center><h1>How To Use Guide. <hr /> <blockquote> <ul> <li>Inside the script tags Enter your Code, For Example: <pre><code>steem.api.getAccounts(['jeevanjot'], function(err, result) { console.log(err, result); }); <blockquote> <p dir="auto">Use your username where 'jeevanjot' is written in above code or multiple usernames like ['username1','username2'] saperating with comma.<br /> Code Taken From <a href="https://github.com/steemit/steem-js" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">"Get Accounts" on this page <p dir="auto">e.g.<br /> <img src="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmWTSaT5JYPQpNn4djT3BzWz2T1P88hFhgu6Chksxe3pBS/2018-07-29%20(4).png" alt="2018-07-29 (4).png" srcset="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmWTSaT5JYPQpNn4djT3BzWz2T1P88hFhgu6Chksxe3pBS/2018-07-29%20(4).png 1x, https://images.hive.blog/1536x0/https://cdn.steemitimages.com/DQmWTSaT5JYPQpNn4djT3BzWz2T1P88hFhgu6Chksxe3pBS/2018-07-29%20(4).png 2x" /> <blockquote> <ul> <li>Press F12 to get the console window on Chrome called "Inspect Element" or<br /> <a href="https://www.google.co.in/search?q=console.log+shortcut+for+different+browser&oq=console.log+shortcut+for+different+browser&aqs=chrome..69i57.7919j0j1&sourceid=chrome&ie=UTF-8" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Search Online or you can search with your preferred query on the search engine to find your window. <p dir="auto"><img src="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmUFJL5TS2Xjf6DvX4tiLVQHfi85iET5k3iynSrf2jyGo5/2018-07-29%20(5).png" alt="2018-07-29 (5).png" srcset="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmUFJL5TS2Xjf6DvX4tiLVQHfi85iET5k3iynSrf2jyGo5/2018-07-29%20(5).png 1x, https://images.hive.blog/1536x0/https://cdn.steemitimages.com/DQmUFJL5TS2Xjf6DvX4tiLVQHfi85iET5k3iynSrf2jyGo5/2018-07-29%20(5).png 2x" /> <blockquote> <ul> <li>Now moving on... <blockquote> <ul> <li>Press the Play button and you get your result in the console window. <p dir="auto"><img src="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmRMD7UJcu1Zt5auwsmGaQYeLpr5yFTs62JnNxB7az9Xsu/2018-07-29%20(6).png" alt="2018-07-29 (6).png" srcset="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmRMD7UJcu1Zt5auwsmGaQYeLpr5yFTs62JnNxB7az9Xsu/2018-07-29%20(6).png 1x, https://images.hive.blog/1536x0/https://cdn.steemitimages.com/DQmRMD7UJcu1Zt5auwsmGaQYeLpr5yFTs62JnNxB7az9Xsu/2018-07-29%20(6).png 2x" /><br /> <img src="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmVmy2ZBJaF6goGsnSurGdphbztgTAduPqfxPDchshp9hf/2018-07-29%20(7).png" alt="2018-07-29 (7).png" srcset="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmVmy2ZBJaF6goGsnSurGdphbztgTAduPqfxPDchshp9hf/2018-07-29%20(7).png 1x, https://images.hive.blog/1536x0/https://cdn.steemitimages.com/DQmVmy2ZBJaF6goGsnSurGdphbztgTAduPqfxPDchshp9hf/2018-07-29%20(7).png 2x" /> <p dir="auto">The Information is so deep about my account you can find almost everything. <blockquote> <ul> <li>If you don't want to show on console.log and want to view more beautify results then simply use Render Jason. E.g. This: Press play after adding below code. <pre><code><div id="test"></div> <script> //Your JavaScript Code Here... steem.api.getAccounts(['jeevanjot'], function(err, response){ document.getElementById("test").appendChild( renderjson(response) ); console.log(err); }); </script> <p dir="auto"><img src="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmQsi3vEdt28GXpvQWLLUXJaTiWSdufn24GVkgNZBN2s47/2018-07-29%20(8).png" alt="2018-07-29 (8).png" srcset="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmQsi3vEdt28GXpvQWLLUXJaTiWSdufn24GVkgNZBN2s47/2018-07-29%20(8).png 1x, https://images.hive.blog/1536x0/https://cdn.steemitimages.com/DQmQsi3vEdt28GXpvQWLLUXJaTiWSdufn24GVkgNZBN2s47/2018-07-29%20(8).png 2x" /> <blockquote> <p dir="auto">Expand information by clicking the + button... <p dir="auto"><img src="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmQgqRLaTDhxgzdJoDydD2N4xmeGzxnPrJN835E8mAr9BS/2018-07-29%20(9).png" alt="2018-07-29 (9).png" srcset="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmQgqRLaTDhxgzdJoDydD2N4xmeGzxnPrJN835E8mAr9BS/2018-07-29%20(9).png 1x, https://images.hive.blog/1536x0/https://cdn.steemitimages.com/DQmQgqRLaTDhxgzdJoDydD2N4xmeGzxnPrJN835E8mAr9BS/2018-07-29%20(9).png 2x" /> <blockquote> <p dir="auto">You can use simple HTML to print a single result or use RenderJSON to print JSON. Find more about <a href="https://github.com/caldwell/renderjson" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">RenderJson <p dir="auto"><br /><br /> <h4>You can use SteemOC for many different functionalities, some of them could be:<p> <hr /> <ul> <li>Find any user info <li>Get the deepest available public info of steemit with their APIs <li>Run Steem bots or other js scripts online. <li>Any automatic code to run online for steemit <li>Test steemit development <li>It can be used for general purpose testing Html CSS Javascript code <p dir="auto">And much more... I can't think about all of them right now but maybe we can say the possibilities are endless. Use <a href="https://hastebin.com/" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">hastebin to share your code with anyone. <p dir="auto">You can use any method from Steem-js API or Dsteem API to output your required result. <p dir="auto">Any Steemit user can use this tool to find it's own info or others and so much more if get used to steem-js APIs. <p dir="auto">Give your suggestions and ideas to improve it more.<br /> If you find any problem with this just pm me here : <a href="https://discord.gg/pw5zcM" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Discord. <blockquote> <p dir="auto">Programmers can use it like Jet, But as I said it's for everyone. So use it... <p dir="auto"><center><h2><a href="http://steemoc.jaeven.com/?i=1" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemOC <p dir="auto"><center><h2>Upvote<br /> <center><h2><span>Follow <a href="/@jeevanjot">@jeevanjot<br /> <center><h2>Resteem <span> It is a WebPage that is created with Materialize CSS for better User Experience and the Code editor that I use for this is from [Ace](<a href="https://ace.c9.io/" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://ace.c9.io/).