Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive-Comments-Section Using React And Local Storage

Larry 190

@ljcutts

Desktop design screenshot for the Interactive comments section coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


This project was soooooooooooooooo much harder than I expected, but I got as close as I could to imitating the design. I want some very good feedback on this because I want to seriously improve from this. The functionality works very well, but I couldn't get the updating/editing functionality to work like how the design is. Also, I wasn't able to properly add the line on the side for the replies under the comments and I wasn't sure how to track the time of how old the created comments and replies were. Finally, I feel like the code I have is very redundant and can be much better, how do I fix this? I will welcome any feedback for this solution.

Community feedback

@nuel1

Posted

And for the border line for the nested comment, you basically need to set the div or ul(whatever may be the tag name you used to wrap the nested comment) style to border-left: 0.15rem solid #eaecf1; or perhap to a value that suits your design

Marked as helpful

1

@nuel1

Posted

Nice... I'm not a react developer... i still code with vanilla Javascript. You can view my solution to the time issue you trying to solve

Marked as helpful

1

Larry 190

@ljcutts

Posted

@nuel1 Thank you, I will check it out.

0

@nuel1

Posted

@ljcutts If you don't understand my solution, let me know.

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord