packd.

never forget anything, yet never overpack. explore with ease.

Comment

Inspiration

Hands up if you've ever stared at your suitcase, totally baffled, and thought, 'What should I even pack?' Yeah, we've been there too. The struggle of trying to get that perfect mix of being prepared without overloading your bag can be a real headache. So, we asked ourselves, why not make this packing thing easier for us girls? That's why we created packd. It's like having your BFF guide you through the packing chaos. We've got simple, personalized packing lists, cute outfits that match the weather, and no more stressing about packing too much or leaving something important behind. Packd. – because every girl deserves a stress-free packing experience, turning your travel prep into a chill adventure.

What it does

Alright, here's the nitty-gritty of how packd. works – it's like magic, but with a passport vibe. First things first, we've got this dynamic form, all passport-themed, where you spill the beans about your trip. Tell us how long you'll be away, where you're off to, and what fun stuff you're planning, like hitting the beach or squeezing in a workout.

But here's the cool part – we've got this list of common travel items you'd hate to forget, and you just check off what you need. No more 'Oh no, did I remember my charger?' moments. And guess what? You can also toss in your own must-haves, making it totally yours. packd. is all about being your travel BFF, making sure you've got everything you need and that you’re ready for whatever adventure comes your way. So, kick back, relax, and let packd. take the stress out of packing for you.

How we built it

packd. uses sveltekit as framefork, which means we were able to separate different elements into components like List.svete, Navigation.svelte, etc. We used svelte context stores that are set in the route layout so they can be accessed anywhere on the site. This allows us to fill in a form on /trip-details, which updates the packing list stores so they can be veiwed and edited further on /packing-list. For the weather predictions, we used weatherapi. Our designs were made using Figma.

Challenges we ran into

So, we're a team from the University of Windsor, and as you know, there was a pretty bad snowstorm right when we were about to leave on the bus Friday evening. So we elected to not leave until the roads were safe, causing us to have a pretty large time deficit because we ended up arriving at around 10:30am on Saturday! The fact that we finished something despite that makes us happy.

Accomplishments that we're proud of

Anamta: I managed to use Svelte.kit successfully in the form, and also got the base framework of the webpage down before we got to styling it, which was an accomplishment since it helped me focus on functionality rather than looks. Cecelia: With this project, I was really proud that I was able to get the weatherapi to work, as I don't have much experience with APIs. I was also really proud of the CSS Anamta and I made to match Kelly's design - I think its really cute! Kelly: I came up with the idea for this based on the concept of capsule wardrobes, and I'm not ashamed to say I'm really proud of myself for it! I'd totally use this app - not because I'm biased, but I feel like it'd be genuinely useful to me and so many other people.

What we learned

Anamta: I learned how to use Svelte.kit, flex, and grids, for the back-end and the front-end. Cecelia: I learned somethings about using fetch() to communicate with APIs, and parsing data out of the promise. I also had a good time experementing with svelte stores and making the data on our page reactive. Kelly: Unusually for me, I must have scrapped like 3 different UI ideas before I settled on this one. This taught me to never settle for an idea that doesn't quite fit, because the passport theme is lovely and suits this perfectly!

What's next for packd.

Peeking into packd.'s future is like unwrapping a gift – full of exciting possibilities! First up, we're thrilled to share that packd. is leveling up to be even more inclusive. We're extending the app to cater to all genders – because everyone deserves a stress-free packing experience.

But that's not all. We're fine-tuning our algorithm, tweaking it to perfection based on the awesome ideas brewing in our GitHub planning doc. From quick getaways to grand adventures, packd. will be your go-to for every kind of trip. We're talking spot-on suggestions, every single time.

And get this – soon you'll be able to export your perfectly crafted packing list to your favourite checklist apps like Notion or Google Keep. Seamless organization, just the way you like it.

But wait, there's more! We've got our eyes on the prize – a shiny, new mobile app in the works. Imagine having packd. right in your pocket, ready to make your packing woes vanish with a tap. The future's looking pretty darn exciting for packd., and we can't wait to share these upgrades with you. Stay tuned for a whole new level of stress-free packing adventures!

Built With

Share this project:

Updates