React Props Demo

This is a simple React application that demonstrates how to use props to pass data from a parent component to child components. The app includes a Header and Footer component, both of which receive and display data passed down from the App component using props.

📌 Features

• Functional components with props
• Clear separation of parent and child components
• Dynamic rendering of content using props
• Fixed header and footer with simple styling

🧠 Concepts Used

• React functional components
• props for parent-to-child communication
• JSX syntax
• Basic CSS for layout

📁 Project Structure

react-props-demo/
├── public/
├── src/
│   ├── components/
│   │   ├── Header.jsx
│   │   └── Footer.jsx
│   ├── App.jsx
│   ├── style.css
│   └── main.jsx
├── package.json
├── vite.config.js
└── README.md

🚀 Getting Started

1. Clone the Repository:

• git clone https://github.com/your-username/react-props-demo.git
• cd react-props-demo

2. Install Dependencies:

• npm install

3. Run the Development Server:

• npm run dev

• Visit http://localhost:5173 to view the app in your browser.