Blog Post

Description:

You are building a blog UI for a content platform. The platform stores a list of blog posts, each with a title, description (body), tags, views, and reactions (likes and dislikes).

Your task is to create a React application that displays this data in a clean, structured format using a reusable PostCard component for each blog post.

Functional Requirements:

1. Create a component named PostCard that accepts the following props:

   • title (string)
   • body (string)
   • tags (array of strings)
   • reactions (object with likes and dislikes)
   • views (number)

2. Each card should:

   • Display the title and body.
   • Display the number of likes 👍, dislikes 👎, and total views 👁️.

3. You are provided with the blog post data in a separate file named postData.js. Your application should import this data and display the posts accordingly.

Reference UI