RePackr is an interactive travel packing planner that helps you organize your packing list by day, track item totals, and efficiently manage what you need to bring on your travels.
Close-up view
- Visual Day-by-Day Planning: Create boards for each day of your trip
- Master Item List: Maintain a reusable catalog of your packing items
- Drag and Drop Interface: Easily move items between the master list and day boards
- Context Menus: Right-click items for quick actions
- Reusable Items: Mark items that can be used across multiple days
- Automatic Totals: Track how many of each item you need to pack
- Print-Friendly Totals: Generate a printable packing list
- Export/Import Trip Data: Save your packing lists to reuse for future trips
- Persistent Storage: Your packing lists are saved between sessions
- Responsive Design: Works on desktop and tablet devices
- Add Days: Click the "Add Day" button to create a new day board
- Edit Day Names: Click the pencil icon to rename a day board
- Add Items: Use the "Add New Item" dialog to create packing items
- Organize Your Packing: Drag items from the master list to specific days
- Drag and Drop: Move items between the master list and day boards
- Right-Click Menus: Access context menus for additional actions
- Edit Properties: Modify an item's name, category, quantity, and reusable status
- Add to All Days: Quickly add an item to every day of your trip
- Move Between Days: Transfer items directly from one day to another
- Delete Items: Remove items from a day or from the master list entirely
- Reusable Items: Items marked as reusable (blue background) count only once in totals
- Day Management: Delete unwanted days with the trash icon
- Quantity Control: Set and modify how many of each item you need
- Print Packing List: Get a clean, printable version of your final packing list
- Persistent Storage: Your data is automatically saved in your browser
- Export Trip Data: Save your packing list to a JSON file for future use
- Import Trip Data: Load a previously exported trip data file
- Reset Data: Clear all current data and start a new trip from scratch
- Fill out your packing plan by adding items to each day
- Review the "Packing Totals" section at the bottom
- Click the "Print Totals" button
- Use your browser's print dialog to print or save as PDF
- Click the menu icon (three vertical dots) in the top-right corner
- Select "Export Trip Data"
- The file will automatically download as "repackr_trip_[date].json"
- Click the menu icon (three vertical dots) in the top-right corner
- Select "Import Trip Data"
- Select your previously exported JSON file
- Your trip data will be loaded, replacing the current data
- Export your current trip data if you want to save it
- Click the menu icon (three vertical dots) in the top-right corner
- Select "Reset All Data"
- Confirm the reset action
- Start planning your new trip with a clean slate
RePackr is built with:
- React.js
- TypeScript
- Material-UI
- HTML5 Drag and Drop API
- Browser LocalStorage for data persistence
If you want to run the app locally:
# Clone the repository
git clone https://github.com/yourusername/repackr.git
# Navigate to project directory
cd repackr
# Install dependencies
npm install
# Start the development server
npm startRePackr works best in modern browsers:
- Chrome (recommended)
- Firefox
- Safari
- Edge
While primarily designed for desktop and tablet use, basic functionality is available on mobile devices. For the best experience, use a device with a larger screen.
With sign-in, trip data syncs to your Firebase project under your Google account. Local-only mode keeps everything in the browser.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
This project is licensed under Apache-2.0.
- Icons provided by Material-UI
- Inspired by the needs of frequent travelers