Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Real-time commenting system

P

@Motlakz

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


Things I struggled with that I am still working on:

  • when I initially built this, I used pure JavaScript. However, it proved challenging when I tried to add the functionality for the replies associated with individual comments. I am still learning frameworks so I can modify and improve that functionality but any suggestions regarding building it the old fashioned way are more than welcome.

Things I added that weren't expected of me:

  • I created some modals - one that pops up when you've already upvoted a comment/reply and one that pops up when you've already downvoted them.
  • Also added a hide reply button in case one would want to censor it for sensitive visitors. However, I intend to fix that feature since it isn't perfect yet - it was kind of a test run to see if I could do it, and so I did!

Areas of my code I am uncertain of:

  • how well my reply elements were constructed;
  • perfect coordination for responsiveness;
  • how to assimilate it into a full stack application (SPA)

Community feedback

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