Web design : create a comment feed


I am working on project that's kind of like disqus aka a commenting system on remote websites like wordpress blogs. I am only looking for pure web design aka html/css/js I am doing all of the actual backend work.

The commenting system leverages a blockchain (steem) to allow users to earn money when they reviece upvotes, that's why you'll notice a lot of dollar numbers.

The comment feed will be something like what you can see on these websites :

[login to view URL]@heimindanger/how-do-you-like-dlive-now#comments

[login to view URL]@cryptoctopus/cast-your-witness-vote-for-steempress-now#comments

or [login to view URL] (at the bottom)

The way it currently works is like this :

On load the page does a get request specifying from which article we want to query the comments from, the backend replies with a json object ordered with all the necessary data and the client side js processes it to create the html and build the page.

Basically I want it to be

- Responsive

- Display the text correctly and handle small to very big text sizes

- Handle user avatars

- Have an upvote button

- Handle multiple replies where the text is slightly shifted to the right each time

- Have a button to hide a comment and all of the replies to that comment

- When clicking on "reply" an expandable textarea should appear where people can add replies. And when you hit "send" the new reply is added.

- Be relatively "neutral" and blend into various website designs.

- Display the reward (eg : "5.31$") next to each comment.

- have an upvote button, a reply button and the reward at the top as well.

- Send me "potato" as well as your previous work when candidating for this work so I know you red this text and can judge your work.

- Have an error display. Either a toast or a message that appears for a few seconds next to the button that did the action (for instance right after voting if there is an error a "could not vote" in red appears next to the button and then dissapear).

- Sign in button at the top as well. And if signed in display an username.

- The backend will give you a json object with all the data, and on the client side I expect you to generate the comment feed.

- A "loading" animation when the page is still loading the comments from the backend.

- A "sort by" button to sort by either date (old/new) or reward. you'll have all the necessary data in the json objects that I'll provide.

Note that everything will be running inside of an iframe. And So I want the result to be within an iframe that will adapt itself to the size of the blog it's put into and if there is no comments don't make the iframe too big as well. Basically make it adapt itself to the space the website gives it as well as to its own content.

Please make a mock up before starting to code so I can validate the overall design.

In the end I expect a template with your design that I'll integrate with my backend, I'll send you a few json files so that you can simulate my backend. we'll have a few back and forth to improve how well your design handles real data afterwards.

That's about it. There's a lot of features but most of them are fairly easy to implement.

Feel free to ask if you have any questions.

Készségek: CSS, HTML, Javascript, Web Development, Webdesign

Bővebben: create web design script, create html web design using access, christmas message web design, quickly create web design mock, create news feed flash web page, web design daily message, web design real estate idx feed, create flash banner web design, create hover web design, create scrlling gallery web design ebay, web design create book page, web design create tgp site, web design create admin panel, web design create fixtures league tables wordpress, web design create news tab, web design create petition page, web design create quiz share, web design create, how to web design create, web design create freelance

A munkaadóról:
( 3 értékelés ) nice, France

Projektazonosító: #17818248



Ready to work with you, could you please send me some more details about your project so we will estimate it accordingly....

$233 USD 6 napon belül
(393 értékelés)

8 szabadúszó tett átlagosan $145 árajánlatot erre a munkára


Hi we need to develop a site for your business vision. We have great skills and capable enough to turn your vision into reality. We would like to share some of the work that we did in past - [login to view URL] Több

$177 USD 7 napon belül
(93 vélemény)

Nice to meet you. I am glad that I have read your post and I am happy to be working with you! I can do it perfectly within next few 3 days I am expert Web developers with over 7 years of experience in React & Több

$196 USD 3 napon belül
(20 vélemény)

>Hello Client, Thank You for the opportunity. As per your requirement, I would like to tell you that I have a strong experience of more than 5 years in field of Wordpress, PHP, Html , Woo commerce, Seo and Dig Több

$100 USD 3 napon belül
(50 vélemény)

PLEASE SAY HI SEND ME PERSONAL MESSAGE SO WE CAN DISCUSS PROJECT DETAILS I read your posting for a new graphic designer with interest. I strongly believe in offering practical, cost-effective solutions and complet Több

$50 USD 3 napon belül
(14 vélemény)

Hi. Professional expert of Web site designer. Whatever you want, I can implement your request. I am full-time developer and always work with my best effort. Regards.

$155 USD 3 napon belül
(9 vélemény)

I’m excited to share with you the proposal , I am an expert in project you mentioned , Imagination and creativity can change the world . I guarantee you to submit the work within timeline and as per your expectations Több

$30 USD 1 napon belül
(3 vélemény)

Hi sir, we are Interested in your project and give me some time to discuss your project in detail. here are the example of our experience: Website Design: [login to view URL] Több

$222 USD 3 napon belül
(0 vélemény)