Introducing Framesia: Frame your thoughts and get rewards

https://framesia.com/

<hr /> <blockquote> <p dir="auto">Framesia is a platform where users are rewarded for sharing their voice. It is free to post, comment, & vote on content. You might even get paid for it! <p dir="auto"><span>You can visit the project in <a href="https://framesia.com/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://framesia.com/ <h3>Smart WYSIWYG Editor <p dir="auto"><img src="https://images.hive.blog/768x0/https://steemitimages.com/DQmTBohVfeZ9bUyuH7ppnk5fLjJz52QUmMXQV53nsSd7atG/image.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/DQmTBohVfeZ9bUyuH7ppnk5fLjJz52QUmMXQV53nsSd7atG/image.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/DQmTBohVfeZ9bUyuH7ppnk5fLjJz52QUmMXQV53nsSd7atG/image.png 2x" /><br /> You will get best WYSIWYG editor for creating an article for STEEM blockchain. The typography<br /> Some features in this editor are: <ul> <li>Inline marks: <code>bold, <code>italic, <code>code, <code>links, <code>sup, <code>sub etc. <li>Block element: <code>heading 1-6, <code>blockquote, <code>code-block, <code>image etc. <li>Table editor: add a column, add a row, delete a column, delete a row. <li>Code editor: it's so smart, even it detect your programming language as you type. <li>Align: <code>center, <code>pull-left, <code>pull-right <li>Markdown shortcut: <code># then <code>space will become <code>Big heading, <code>> then <code>space will become <code>blockquote <li><a href="https://en.wikipedia.org/wiki/Hanging_punctuation" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Hanging punctuation <li><a href="https://en.wikipedia.org/wiki/Small_caps" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Small-caps <li>And so more. <h3>Typography <p dir="auto">The qual­ity of your article is de­ter­mined largely by how the text looks. Why? Be­cause there’s more body text than any­thing else. So start every project by mak­ing the text looks good, then worry about the rest. Framesia implements best-practices of typography to ensure the Article is well read. <h3>Custom feed <p dir="auto"><img src="https://images.hive.blog/768x0/https://steemitimages.com/DQmPVgprt1koXXwMAWso3Yd84WY9Xi7HYHLvcDALrGb1qfr/image.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/DQmPVgprt1koXXwMAWso3Yd84WY9Xi7HYHLvcDALrGb1qfr/image.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/DQmPVgprt1koXXwMAWso3Yd84WY9Xi7HYHLvcDALrGb1qfr/image.png 2x" /><br /> You can follow any specific tags that you like. It will appear at your home feed.<br /> <code>hot > trending: and we choose to make <code>hot as default tag sort. this means that when you follow some tags in your feed it sorted by <code>hot by default.<br /> Why? because actually, what do you need is article feed that changes every sometimes and fresh. In this case, <code>Hot is always changing by some hours. <p dir="auto">Then we have curated some recommended tags that have amazing content.<br /> <img src="https://images.hive.blog/768x0/https://steemitimages.com/DQmcu3TeygnyXzdSKZxBoTR13PeusqjCo8SNAQx4dRCyTey/image.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/DQmcu3TeygnyXzdSKZxBoTR13PeusqjCo8SNAQx4dRCyTey/image.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/DQmcu3TeygnyXzdSKZxBoTR13PeusqjCo8SNAQx4dRCyTey/image.png 2x" /><br /> If you found another tag that has great content, please tell us. <p dir="auto">Not just that, all tag has its own definitions and it related tags (if present).<br /> <img src="https://images.hive.blog/768x0/https://steemitimages.com/DQmZcJC8aBrhh8n7st9jrp4o9NMnKEyEE6fPP4jpvBkdxcB/image.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/DQmZcJC8aBrhh8n7st9jrp4o9NMnKEyEE6fPP4jpvBkdxcB/image.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/DQmZcJC8aBrhh8n7st9jrp4o9NMnKEyEE6fPP4jpvBkdxcB/image.png 2x" /> <h3>Bookmarks <p dir="auto">TLDR; Save the article for reading later. <hr /> <h2>Tech Stack <p dir="auto">We built it with <code>React.js bootstrapped with <code>create-react-app. For state management, we use <code>react-easy-state.<br /> then For the editor, we use <code>Slate.js<span>: <a href="http://slatejs.org/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">http://slatejs.org/. So, it's just a react app. <h2>Future <p dir="auto">There are some features that still not implemented like: <ul> <li>comment section <li>WYSIWYG: add image copy-paste-drop, and search and select an image from <code>unsplash, that will make user easy to get beautiful images. <li>notifications <li>server render: (right now it just static sites hosted on <code>netlify) <li>fixing some bugs in editor <li>and some features that still on thought <p dir="auto">I hope it will be done as soon as possible <h2>Repository <p dir="auto"><br /><span>Github repo: <a href="https://github.com/Framesia/paperframe" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/Framesia/paperframe<span> My account: <a href="https://github.com/damaera" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/damaera <h2>Contributing <p dir="auto">You can fork the project, and install it locally. then make a PR <hr />