Interactive comments section

The challenge

• optimal layout for the app depending on their device's screen size.
• hover states for all interactive elements on the page.
• create, Read, Update, and Delete comments and replies.
• up-vote and down-vote comments.
• tracks the time dynamically since the comment or reply was posted.

Information

• this is a solution to the Interactive comments section challenge on Frontend Mentor.
• by Frontend Mentor

Links

• Solution URL
• Live Site URL

Built with

• CSS custom properties
• Flex-box
• Mobile-first workflow
• SCSS - CSS Preprocessor
• React - JS library

What I learned

• I learned how to calculate the time between current time and given time.

Continued development

• I still want to add the feature :
  • which sorts the comments the comment of the basis of their votes

Author

• Frontend Mentor - @arshWebDev
• Twitter - @arshWebDev