Travel Packing List

Travel Packing List is a web application built with React that helps you manage your travel packing by creating a to-do list of items you need to pack. It provides a user-friendly interface to add, remove, and track the progress of packing your items. The application also displays the percentage of items you have already packed, giving you a visual representation of your progress.

Features

• Add items to the packing list, specifying the item name and quantity.
• Remove items from the packing list if they are no longer needed.
• Cross off items once you have packed them, providing a sense of accomplishment.
• Displays the percentage of items packed.

Installation

To run Travel Packing List locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/timea-podrug/travel_packing_list.git

2. Navigate to the project directory:

   cd travel_packing_list

3. Install the dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your web browser and visit http://localhost:3000 to access the application.

Usage

1. Upon accessing the application, you will see the main interface where you can view and interact with the packing list.

2. To add an item, use the input field at the top of the screen. Enter the name of the item and its quantity, then click the "Add" button or press Enter.

3. To remove an item, click the "Remove" button next to the item you wish to delete.

4. Once you have packed an item, click the checkbox next to it to mark it as packed. The item will be crossed off, indicating that it has been packed.

5. The progress bar at the bottom of the screen will update dynamically to show the percentage of items you have packed.

6. You can repeat steps 2-5 to add, remove, and pack additional items as needed.

Contact

If you have any questions, feedback, or suggestions, feel free to contact me at timeapodrug@gmail.com.