This is a solution to the Interactive comments section challenge on Frontend Mentor.
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Create, Read, Update, and Delete comments and replies
- Upvote and downvote comments
- On the top, users can see the most voted comments.
localStorage
to save the current state in the browser that persists when the browser is refreshed.Timestamps
and dynamically track the time since the comment or reply was posted.
- Solution URL: Solution URL
- Live Site URL: Live Site URL
- Semantic HTML5 markup
- CSS custom properties
- CSS Flexbox
- Mobile-first workflow
- React - JS library
- Tailwind CSS - Utility-first CSS framework
- I was able to reinforce my knowledge of flexbox and obtain a better understanding of how it works.
- I learned how to utilize a custom hook to prevent duplicating code.
- I learned how to calculate timestamps and dynamically track the time.
- I learned how to work with nested structures.
- Linkedin - Md. Sazzad Hossain
- Frontend Mentor - @sazzad4677