Setting Up Assets and Mock Data

Before building anything else, the app needed visuals and data to work with. The assets folder holds hero.png for the homepage banner, along with the default react.svg and vite.svg icons from the Vite setup.

Since there's no backend, the data folder fakes one. products.js stores an array of product objects with fields like name, price, category, stock, and rating, while orders.js stores sample order data with customer details, items, and status. These two files became the single source of truth that every page and component pulls from throughout the app.