Skip to content

Pack Your Bags is a lightweight and interactive React app that helps you plan and organize your travel packing list. Add items, track what's packed, and sort or clear your list easily.

Notifications You must be signed in to change notification settings

shivasayz/packyourbags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👜 Pack Your Bags

Pack Your Bags is a lightweight and interactive React app that helps you plan and organize your travel packing list. Add items, track what's packed, and sort or clear your list easily. It’s a fun and practical tool designed to simplify your pre-travel routine — so you never forget your essentials again!

✨ Features

  • Add items with quantity to your packing list
  • Mark items as packed/unpacked
  • Sort items by input order or packed status
  • Clear the entire list with a confirmation prompt
  • Responsive UI with a clean, minimal design

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/shivasayz/packyourbags.git
cd packyourbags

2. Install Dependencies

npm install

3. Run the App

npm start

Your app will open at https://localhost:3000

🛠️ Technologies Used

  • React
  • JavaScript (ES6+)
  • HTML & CSS

📸 Preview

1. Home Page

Screenshot - 1

2. Add Items

Screenshot - 2

3. list After Items Added

Screenshot - 3

4. Few More Items

Screenshot - 4

5. Marked as Packed

Screenshot - 5

6. Sort By Packed Status

Screenshot - 6

7. All Packed

Screenshot - 6

About

Pack Your Bags is a lightweight and interactive React app that helps you plan and organize your travel packing list. Add items, track what's packed, and sort or clear your list easily.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published