Interactive Comment Section w/ Typescript & React

Congratulations finishing this task,

I will divide my comments into 2 parts namely visually and functionally.

Visual comments:

• For the comment-card class on your css file, you can make mode padding from top and bottom by typing this: padding: 25px 20px. It will put more spaces to the top and bottom, and it will be much similar to the design.

• Instead of making score board centered, according to the design all of them seem starting from the top, so you can change your css .comment-card as this: align-items: baseline;

• For your send button inner text color (it is black rn.), you can style in your .adder-send class by adding color attribute: color: white

• You can also add hover effect as pointer in your .edit-button span class: cursor:pointer

Functionality and code All functionalities are working perfectly, but I have some advice for your code base.

•           createdAt={items.createdAt}
            score={items.score}
            user={items.user}
            replies={items.replies}```
  
  

instead of passing parameters separately, you can only sent items as comment, then you can destructure it in the child component const {score, user, replies} = comment

• Another useful thing I can say is that you can use Context API to centralize storage and use whenever you need it.

Take care and happy coding