Steem-Lite front end update - comedyopenmic website

in #utopian-io6 years ago

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";

Screenshot_2018-11-18 ComedyOpenMic Welcome(1).png

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.

Screenshot_2018-11-18 ComedyOpenMic Profile.jpg

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.
Screenshot_2018-11-18 ComedyOpenMic Welcome(2).png

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 - [email protected]


GitHub Account

https://github.com/hispeedimagins

Sort:  

Thank you @hispeedimagins for your contribution!

  1. Some of your style sheets can be re-used e.g. instead of appearing in many HTMLs, you could store it in a .css file
  2. Same goes to some JS code, for example, your Google Analytics
  3. Instead of asking user to configure the ID in the config file, you could simply obtain this by e.g. analysing the URL e.g. in the form of .../@steem_id
  4. Please start using Pull Requests to group your commits and make your commit history a bit clean.
  5. some code are appearing here and there e.g. loadMoreNowPyou could refactor those common-used functions.
  6. some commented-out code are commited .

+1 for using React!

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

Thank you.

I don't think I have any css code laying around in html files, ill check it.

lol no you configure the id if you want to use it as a private website, you cannot use that in a private website. Like a wordpress blog.

loadmorenowp has to be changed, I know that but it is a bit tricky and I will change it with a component in the next update. As all js is shared enough to cause problems among the blog and the profile blog.

ahh yes, the commented out code. I always forget it, hehe.

Thank you for your review, @justyy! Keep up the good work!

Hi hispeedimagins,

Thank you for your entry in to #comedyopenmic comedy contest. We have asked the judges below to review your entry and give it a funny rating. (They generally have no sense of humor, as the saying goes, those that can't do, start contests and judge).
This will determine your ultimate position when the results are tallied. (That being said, you are free to adopt any position you wish - we can recommend pantsless with beer in hand.)

Judges:

If you have any questions or queries please feel free to contact one of the judges or come say hi in discord: Click Here

Click To Vote @ComedyOpenMic For Witness And Disrupt The Steem Blockchain With Laughter!
Support COM Banner

Thank you to @matytan for the great banner

Hi @hispeedimagins!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server

Hey, @hispeedimagins!

Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

Congratulations @hispeedimagins! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You made more than 400 comments. Your next target is to reach 500 comments.

Click here to view your Board of Honor
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @steemitboard:

Meet the Steemians Contest - The results, the winners and the prizes
Meet the Steemians Contest - Special attendees revealed
Meet the Steemians Contest - Intermediate results

Support SteemitBoard's project! Vote for its witness and get one more award!


Congratulations @hispeedimagins!
You raised your level and are now a Minnow!

Support SteemitBoard's project! Vote for its witness and get one more award!

Congratulations @hispeedimagins! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You received more than 500 as payout for your posts. Your next target is to reach a total payout of 1000

Click here to view your Board of Honor
If you no longer want to receive notifications, reply to this comment with the word STOP

Support SteemitBoard's project! Vote for its witness and get one more award!