Skip to content
Submitted over 3 years ago

Interactive comments section

accessibility, bootstrap, react, sass/scss
Okogbo Faith•140
@faithandjs
A solution to the Interactive comments section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What did you find difficult while building the project? I had to write a lot of functions and it was really complex and confusing at a point and linking the forms together and to their respective comments was challenging at first. This project taught me to comment on my code because I couldn't work on it for about a month and when I came back to it, it was really hard to read and remember anything. Which areas of your code are you unsure of? The part where I used a lot of functions. Do you have any questions about best practices? Not really, i would like to see other solutions though

Code

Please log in to post a comment

Log in

Community feedback

  • Prabhash Ranjan•2,540
    @besttlookk

    Hi, Just completed this challenge. There are few things i like to point out about yours .

    1. You did not gave max-width to the contnet area. I have ultra wide screen and whole card is stretched out. I always do this make responsive
      width: 90vw;
  max-width:460px;
    1. For voting a user should not vote numerous times. At max one upVote and one downVote.
    2. Give cursor:pointer for delete on edit link.
    3. On reply. there is bug with username.

    Here is my solution. I tried to thoughof all possible scinaros . if i missed anything do let me know. Also if you need any help in any part, feel free me ask. I am no expert but always happy to help.

    https://www.frontendmentor.io/solutions/full-feature-comment-section-using-next-styledcomponents-rJbb4W5Gq

    Good Luck #happyCoding

    Marked as helpful
  • Okogbo Faith•140
    @faithandjs

    Hi, thank you for your comment. I'll fix up the bugs and make necessary changes.

    I was trying to make the webpage scroll to the form and auto focus when a new form is presented but I couldn't. I see that you did not do that, was that intentional and do you know how I can do that?

    Thanks

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