In this episode, we’ll integrate **React Router** into our app to allow page navigation between **Home**, **Cart**, and **Login**.

In this episode, we'll build the **Home page** of the e-commerce site. We'll create a **product card component**, use **dummy JSON data**, and style everything using **Tailwind CSS**.

In this episode, we'll set up the foundation of our e-commerce app using React and Tailwind CSS.

Building a simple e-commerce web app using React JS (with Create React App), Tailwind CSS, JSON-Server, React Router, and user login support.

Goal: Introduce interfaces as a second form of abstraction and use them to unify actions like using skills or applying effects.

Goal: Reflect on what we’ve built, review OOP principles applied, and explore ways to take this project further.

Goal: Integrate StunEffect into the turn system so it actually prevents actions when active.

Goal: Build a real combat loop where the player battles a bot. The bot will attack or use a skill randomly.

Goal: Implement a flexible StatusEffect system using inheritance and polymorphism, allowing heroes to gain and process effects during battle.

Goal: Use the Factory Pattern to create heroes by name instead of using new manually. This helps scalability and readability.