🏝️ Far Away 🧳 ( Travel List App )

Overview

This is a simple React application that allows you to create a packing list for your trips. You can add items, mark them as packed, delete items, and sort the list based on different criteria.

How to Use

1. Clone the repository to your local machine.
2. Install the dependencies by running npm install in the project directory.
3. Start the development server with npm start.
4. Open the app in your web browser by navigating to http://localhost:3000.

Features

• Add items to your packing list, specifying the quantity and description.
• Mark items as packed by checking the checkbox next to each item.
• Delete individual items from the list.
• Sort the list by input order, description, or packed status using the dropdown menu.
• Clear the entire packing list with the "Clear list" button.
• Get statistics about the packing progress in the footer.

React Topics and Concepts Utilized

• Functional Components
• State Management with useState
• Props for Data and Function Passing
• Event Handling
• Conditional Rendering
• List Rendering with map
• Forms and Controlled Components
• React Fragments
• React Hooks, including useState
• Component Composition for Reusability
• Component Styling (not explicitly shown)

How to Contribute

Feel free to contribute to the project by creating pull requests. Please ensure that your changes follow the project's coding style and do not introduce any breaking changes.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.