Submitted over 2 years ago

Interactive-Comments-Section Using React And Local Storage

Larry•190

@ljcutts

Preview site View code

This is a solution for...Interactive comments section

HTML
CSS
JS

3intermediate

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

nweke joseph•260
@nuel1Posted over 2 years ago
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
nweke joseph•260
@nuel1Posted over 2 years ago
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
@ljcuttsPosted over 2 years ago
@nuel1 Thank you, I will check it out.
0
nweke joseph•260
@nuel1Posted over 2 years ago
@ljcutts If you don't understand my solution, let me know.
Marked as helpful
1

Please log in to post a comment

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