DEMO LINK

React, React router, React hooks, Redux, TypeScript

On the main page you will see two blocks:

1. Posts will display all available posts
2. Post details will display details for selected post

In the "Posts" block you will find "Add new post" button. It will redirect you to the different page with the form.

Next to each post you will find three buttons:

1. Open - will display post details in the "Post details" block
2. Update - will redirect you to the different page with the form
3. Delete - will delete the post

In the "Post details" block you will see:

1. Post title and body
2. "Show comments" button or a message if there are no comments for the post
3. "Add comment" form

If you press "Show comments" button, you will see a comments list. The "X" button next to each comment will delete this particular comment.