Inventory Manager

👨‍💼 Welcome to the Inventory Manager! This is a practical React app that uses TypeScript classes for the core business logic. You'll implement the classes in a utilities module to power the UI.

Getting Started

🐨 Open

src/classes.ts

and implement the classes, interfaces, and methods. Every 🐨 comment is something for you to fill in.

🐨 Open

src/app.tsx

and look for TODO callouts in the UI. As you implement the class logic, those TODOs will turn into real data.

Running the App

npm run dev

What to Implement

In `src/classes.ts`

Inventory base class with private fields
Interfaces for Sellable and Trackable behaviors
Inheritance for Electronics, Clothing, and Perishable items
Method overriding for descriptions and pricing
Composition with logger implementations and InventoryManager

In `src/app.tsx`

Verify the UI updates once class methods are implemented
Check the TODO callouts to confirm you've completed each piece

Tips

💰 Start with the base InventoryItem class. Many other classes depend on it.

💰 When you implement pricing, be consistent about using basePrice, quantity, and discountPercent.

💰 Use the logger classes to see the effects of dependency injection.

No Tests, No Solutions

📝 This is practice time! There are no tests or solutions. Experiment, make mistakes, and build confidence by applying what you've learned.

Extras/Inventory Manager