/tote

Tote, a packing app

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

Tote App

Use NODE_ENV=development npm start to run the development server - requires local PgSQL server running on :5432 OR NODE_ENV=production npm start to run the production server - requires PgSQL server with appropriate connection parameters

Instructions For Users

This app came about as a way for my wife to turn her paper and pencil packing method into a more automated, online experience. Her method involves planning out the various activities you'll be doing each day and then assigning articles of clothing to each of those activities. The app then generates a packing list for you based on all the different things you added to your tote.

When logging in for the first time go ahead and click 'Edit User Settings'. On the setup page you'll create outfits. Each outfit consists of a bunch of articles of clothing. Some of those articles of clothing are what I refer to as "named items", as in, when you add that outfit to a trip, you'll want to specify exactly which shirt you're going to pack. Some of the articles of clothing are not named items; for instance, if I want to add socks to an outfit I probably won't specify which pair of socks I want to pack (although you could always make a second item type called dress socks). Take a look at the example outfit. The outfit name is 'Example outfit' and it contains a t-shirt, a sweatshirt, underpants, pants, socks, and shoes. Underpants and socks are the only two unnamed items. When adding an outfit to an actual trip you can choose to not include any of the standard items for that outfit, so err on the side of adding all of the items you may want associated with that outfit. For example, you could create a new item, jacket, and add it to this example outfit, but if you know it's going to be warm for one of the days of your trip, you could choose to remove the jacket from that instance of the outfit. When you add an item, you can give the item a name. If you want the item to be a "named item", click the checkbox and then also give it a "type". The type field lets you group items of the same type in case you want Jackets and Sweatshirts or Shoes and Dress Shoes to show up together, which can be helpful for your packing list.

Just to give you some ideas for other outfits, Hannah has "sleep", "workout", and "work" as some of her other outfits. When creating new outfits, it's best to create the items completely before you add them to the outfit. I found a weird bug where changing an item that is in an outfit may not change the instance of that item in the outfit that I need to fix. Also, you can double click the name of the outfit to edit it. Go ahead and create some more outfits and items now, I'll wait.

Ok, now that you have created a few outfits, lets set up your first trip. Click on the return to home page button, and then click on "Plan a new trip". Enter the start and end dates for your trip as well as the "city, st" name. Then click on "Select Outfits". You will be taken to a new screen with a section for each day of your trip on the left, and a section for miscellaneous items on the right.

In each day section you can click on "Add outfit". Once you select the outfit type from the drop down, you could choose to deselect any of the individual items. Add at least one outfit to each day and click "Save" for each outfit. If you want to change the name of the outfit from "Outfit 1" for that day, just double click the name of the outfit and edit it. When you're ready, click "Assign Items" and you'll get to specify each of the named items in each of your outfits.

On the next screen, for each named item in each outfit you can specify exactly which shirt (or pants, or shoes, etc.) you want. Click on the drop down so you can add a named item. Give each named item a name. As you add named items, that named item will be available in the dropdown for every item of that type in the other outfits. This lets you easily use the same jacket for multiple outfits.

When you've named all of your named items, click on "Pack Items" and you will be presented with your packing list. Unnamed items are grouped together at the top so you can just grab 4 pairs of socks. Next are each of your named items grouped by type, and finally your miscellaneous items grouped by type.