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 Comment Section ( React JS , Vite , SCSS) + Mobile First

#accessibility#react#vite#sass/scss
Reymart Vigoβ€’ 960

@reymartvigo

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


Hi this is my solution to Interactive Comment Section using React JS.

Feel free to give feedbacks and suggestions on how I can improve are very welcome!

Community feedback

P
visualdennisβ€’ 8,295

@visualdenniss

Posted

Hey Reymart!

Great job on completing this complex challenge successfully! Final result looks good.

Few suggestions to improve further:

  • Ideally, users should be increase/decrease the vote number only once but currently one can upvote the same comment infinitely.
  • Every clicking on "Reply" keeps opening new input field, it would be better to use a toggle logic instead, where first click on the button displays the add comment input field and the second click hides it.

Hope you find this feedback helpful!

Marked as helpful

0

Reymart Vigoβ€’ 960

@reymartvigo

Posted

@visualdenniss thank you for your feedback :)

Here are some of the updates:

  • i already updated the vote function so that the user can only vote once
  • i fix the toggle logic of the Reply so that it prevents Reply from opening a new input field. Now when the Reply button is clicked it shows the add comment input and hides it when clicked again.
0
P
visualdennisβ€’ 8,295

@visualdenniss

Posted

@reymartvigo All looking great now! πŸ”₯

0

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