Developing the Components (Common, Store & Admin)

With data flow sorted, it was time to build the actual UI. The common folder came first, Logo, StarRating, and Toasts, since these get reused on both sides of the app.

Then came the store components: Navbar and Footer for every customer page, and ProductCard, which shows up across the homepage, products page, and related product sections, always just taking a product object as a prop.

The admin components followed the same idea: AdminNavbar for navigation, StatCard for dashboard numbers, and ProductFormModal for adding or editing products with built-in validation. Splitting components this way kept admin and customer code from ever mixing.