Steem-Lite front end update - comedyopenmic website

Repository

https://github.com/hispeedimagins/comstuff

Steem-Lite is a simple html, css, Javascript and reactjs based web app for interacting with the steem blockchain. It is fast and cheap to host. It can be used to help get a new project off the ground real fast by just entering the tag or be used as a personal website for showcasing your wonderful contributions to the world.

New Features

Use Steem-Lite as a personal website and load more articles

Simply change useAsPersonalWebsite to true and in personalWebsiteUsernameSteem enter your username in the constants.js file and your are done.

For ex. for my username the config would look like

const useAsPersonalWebsite = true;
//this username will be used for the personal site, change it to yours
const personalWebsiteUsernameSteem = "hispeedimagins";

procedure
New logic was written to make all of this work flawlessly. Passing the right calls and remaking a new react-Js component so all user data like name, rep, follow count etc. are loaded via one module.

commit

1. Main commit
2. Component update commit

Profile page

Clicking on the username will now lead you to a profile page. Clicking on the author from the first screenshot leads us here.

procedure
Added a new html page, set the links in the react code and made one common profile intro view to use around the website.

commit

commit

Bug Fixes

Comments were arranged wrong

Comments would appear to show be below the wrong one as the margin was not being set right. They also looked bulky.
procedure
If the margin is 1 then we set it to intial
The comment header was removed.
Result.

commit

commit

Undefined tags would crash the app

If the tags field was undefined in json metadata the app would get hung and not display any comments.
procedure
Added a check in the comment and article view to make sure the tags were not undefined and were arrays.

commit

Bug fix and code comment additions

Future plans?

Hopefully we can either have steemconnect integration or some other way to perform actions on the blockchain.

Want to contact me?

My discord username - hispeedimagins#6619
email - hispeedimagins@gmail.com

GitHub Account

https://github.com/hispeedimagins