React Debugging Checkpoint

This is a React application built with Vite to demonstrate debugging common React issues and improving component design and state management.

---

Project Overview

• Displays a user’s profile via the PersonCard component.
• Displays user activities via the UserStats component.
• Uses React state and hooks to handle dynamic data.
• Styles applied via app.css and index.css for a clean, user-friendly interface.

---

Buggy Code

The original code had some bugs:

• Incorrect or inconsistent prop names.
• State initialized as null instead of an empty array.
• Components receiving wrong or missing props.
• The state setter function (setActivities) declared but unused.

Note: The buggy code has been commented out for reference and debugging clarity.

---

Styling

• Global styles (body, background) are in index.css.
• Component-level styles (layout, sections, text) are in app.css.
• Clean white containers with subtle shadows and rounded corners.
• Consistent font styles and spacing for readability.

---

How to Run Locally

1. Clone the repository:

git clone <your-repo-url>
cd react-debugging-checkpoint