Packing List App 🧳

A simple React app built as part of Jonas Schmedtmann’s React course.
This app allows you to keep track of items you need to pack for a trip.

✨ Features

• Add items to your packing list
• Mark items as packed/unpacked
• Remove items from the list
• Simple and responsive UI
• Sorting — Sort items by input order, description, or packed status.
• Clear All with Confirmation — Prevent accidental list deletion with a modal confirmation.
• Stats — Shows total items, packed items, and packing percentage.

🚀 Live Demo

[https://packinglistapp.netlify.app/]

🛠️ Built With

• React (Create React App)
• JavaScript (ES6+)
• CSS3

📦 Installation & Setup

1. Clone the repository:

   git clone https://github.com/IbrahimAhmad20/Packing-List-App.git

2. Navigate to project folder cd packing-list
3. Install dependencies: npm install
4. Start the development server: npm start
5. 🏗️ Build for Production npm run build

📚 Learning Goals Practice using React state (useState)

Learn conditional rendering and array mapping

Get comfortable with React component structure

💡 This is a practice project and not intended for production use.