Steemblr is open source microblogging platform powered by steem blockchain . It allows user to post and explore content which is smaller than a traditional blog.
Node script and cloud function to synchronize state of the posts with database.
Parsing of steem blocks is handled by fork of esync which is script made by @good-karma. After customization this node script is watching user votes, and when someone vote on post from steemblr it is downloaded and sended to cloud function. To mark post made on steemblr frontend app is adding special code to end of the permlink, also it is creating new document in database with permlink as a document name and timestamp. After reciving new state of post cloud function is checking if it already exist in database to avoid saving something made outside steemblr, of course if post exist in database it is synchronized. To run backend I used cheapest google vps and pm2 to handle restarts when script uses all ram. 1 2 3 4 5 6 7
Loading new posts from database
In 'New' category in explore section user can see posts loaded from database. It was done by refactoring old redux action and creating new one which loads posts to global store by using firebase queries. 1
New posts components
Three new components for better handling different posts types.
CardMedia is handling images in photo type post, it is showing first image from json_metadata.image and show Lightbox gallery after clicking on image.
CardText is parsing body of the post by using sanitize html, right now it is deleting img tags so images are showing only in CardMedia component.
CardConent is refactored old component used to contain content of the post.
Component were made by using styled-components and react-image-lightbox. 1 2
