Enhancement | Implement Comments for Blogs [Frontend]

[aadeshkulkarni]

Scenario 1:

Where ?

• User opens any blog and scrolls down. (https://figuringout.life)

What ?

• User should be able to see all comments on a blog.

---

Scenario 2:

• User signs in
• User opens any blog and scrolls down

What ?

• User should be able to add comment to any blog.
• User should be able to add comment to another comment (upto 1 level).
• User should be able to see all comments on a blog.
• User should be able to like a comment.
• User should be able to delete a comment.
• User should be able to edit a comment.

---

Additional information

Backend routes for comments:

• Get comments for a blog

  GET /api/v1/comments/post/:postId [Unprotected route]

• Create a comment

  POST /api/v1/comments/ [protected route]

{
    message: string
    postId: string
    parentId: string [optional]
}

• Edit a comment

  PUT /api/v1/comments/:commentId [protected route]

• Delete a comment

  DELETE /api/v1/comments/:commentId [protected route]

• Toggle like

  POST /api/v1/comments/:commentId/clap [protected route]

Pointers:

• Comments can be nested upto 2 levels. [Parent blog > Comment 1 > Comment 2]
• Consider responsiveness.

[ganeshdanuri]

any UI screens that i can refer

[aadeshkulkarni]

Yes, here is a reference:

Medium's comments section

Also publish to my profile to be excluded.

[shubbhhh]

I would like to work on this

[aadeshkulkarni]

@shubbhhh - Can you estimate the time it will take to build this ?

[shubbhhh]

I can implement get allComments, post(level 1), edit and delete in 1 day and another 2 days for level 2 comments and like comments.