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 - Scss, Bem, Vainilla Js

#accessibility#sass/scss#bem

@Luis15Herr

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


Hello, this project was a real challenge, since I had not done anything like this before. It was a challenge spotting comments for replies and edits.

Currently the project can: Create, Read, Update, Delete.

C.R.U.D

In addition to this, you can sort comments by votes, I also added a functional timestamp. I would like to improve my js code, if you can tell me what I can do better I would appreciate it :)

Community feedback

Maria 200

@mariapenaa

Posted

Hey! Really nice website, I especially liked the detail of adding the username of the original comment owner when replying. Also, I loved the animation that you added for when a new comment is added. How did you manage that?

1

@Luis15Herr

Posted

@mariapenaa To add the owner of the comment, I only detect the username of the comment when I click the reply button :)

And I add it to the input by concatenating it with @.

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