Skip to content
Submitted over 2 years ago

Interactive Comments Section - Scss, Bem, Vainilla Js

Luis Herrera•795
@Luis15Herr
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive comments section
  • HTML
  • CSS
  • JS
3intermediate

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
    @mariapenaaPosted over 2 years ago

    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
    Luis Herrera•795
    @Luis15HerrPosted over 2 years ago

    @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

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