Steemblr is open source microblogging platform written in javascript. It allows user to post and explore content which is smaller than a traditional blog.
You can check developer version here: https://steemblr.com
https://github.com/snwolak/steemblr
This feature shows how long ago post was created.
It was implemented by using FormattedRelative component from react-intl dependecy. The main problem I encountered was that the component needs 'Z' at the end of the date to detect UTC time.
<FormattedRelative
{...this.props}
value={this.props.post.created + "Z"}
/>
https://github.com/snwolak/steemblr/commit/f2e586bf0807e0f2df26ce60920c303fc973cdac
https://github.com/snwolak/steemblr/commit/c091d7566ec9e6696648b49ae89a572c97f2ec76
Default view for user blog. Blog contains: user cover image, avatar, about section, name and user posts. It also allows to vote, comment and follow. To access blog user needs to click on someone's username in blog modal, hover, comment section, or simply enter https://steemblr.com/@usernamehere
It was implemented by using styled-components which will allow customization by user in the future, to create links which are created in a dynamic way I used react-router-dom.
https://github.com/snwolak/steemblr/commit/e579d7521bf0b0af6bcc9cfd60c55ecf843c57af
https://github.com/snwolak/steemblr/commit/f1037c6fbd85c6a9cbc014b70a6f5781c8b364b3
https://github.com/snwolak/steemblr/commit/519a99022572868859c67b0fe2a53042ad325dfd
https://github.com/snwolak/steemblr/commit/0883fb7ea6a2392b8796292f83347e3050f9f43a
Easy to user dashboard which will contain options for user to get better experience from using website. For developer perspective its an whole scene where developer could easily add new type of options and options itself. It can be accesed in menu.
It was implemented by using styled-components, react-router and switch statement which allowed to load different components into view.
https://github.com/snwolak/steemblr/commit/7b70e4fd3749759299ff005c955d50ffaf075b47
https://github.com/snwolak/steemblr/commit/8855d120d94c694fd01054bab13db2046b2435e3
https://github.com/snwolak/steemblr/commit/1b74135d85ecd757fadd7c021af5424e728a76bf
Now when user will vote or unvote app according to his steem power, vote value and vote power will calculate how much should be added or subtracted from post/comment value. It was implemented by using steem-js and checking in utopian community tutorials how calculations should look like.
https://github.com/snwolak/steemblr/commit/7c2491c7d1eb16c095f36eb68879668e965baa0e
https://github.com/snwolak/steemblr/commit/75f1279357d4f6d17f6731bd383b4a088ef02445
https://github.com/snwolak/steemblr/commit/44bfa585de205897a12356a956d068bafa0b2ccd