🧠 FAQ Quiz Component (Frontend Work Sample)

This project is a simple, interactive FAQ (Frequently Asked Questions) component built using React + Next.js. It is designed to demonstrate understanding of component composition, props, conditional rendering, and state management in a frontend application.

---

📋 Requirements

✅ The component meets the following functional requirements:

• First card must be opened by default
  When the page loads, the first FAQ item is already expanded.

• Receives a list of questions/answers
  The component accepts an array of objects in the format:

  [
    {
      question: "How many bones does a cat have?",
      answer: "A cat has 230 bones - 6 more than a human"
    },
    ...
  ]

🚀 Tech Stack

Next.js (App Router)

React

Tailwind CSS for styling

React Icons for chevrons

Deployed site:

Live link: https://faq-green-six.vercel.app/