Welcome to this beginner-friendly React workshop! Whether you're just starting out or need to reinforce your hooks knowledge, you’re in the right place. Today we’ll learn how to use useState and useEffect by building a simple, interactive Pet Adoption App 🐶.

You’ll follow along as we build it together, and you’ll get plenty of chances to answer questions, ask questions, and apply the concepts later in your own projects.

🧠 What You’ll Learn

By the end of this session, you’ll understand how to:

✅ Use useState to manage local state (like counters, arrays, input fields)

✅ Use useEffect to simulate data fetching

✅ Render dynamic lists using .map()

✅ Handle user events like clicks and form submissions

✅ Build component logic that updates in real-time

🛠️ What We’ll Build Together

We’ll build a small Pet Adoption App that:

• ✅ Shows a list of adoptable pets
• ✅ Uses useEffect to simulate fetching the data
• ✅ Lets users "adopt" pets and updates a counter
• ✅ Includes a form to add new pets to the list
• ✅ Shows a loading message before the pets appear

⚙️ Concepts Covered in This Workshop