PackMate

Introduction

Welcome to PackMate, your ultimate outdoor packing companion! Designed for outdoor enthusiasts, PackMate makes packing for your adventures a breeze.

Create your personalized packing list by selecting items from our comprehensive database. We've got everything covered, from camping gear to hiking essentials. Plus, you can easily add your custom items to the list.

Check off items as you pack and stay organized throughout your trip. No more forgetting important gear or wasting time on last-minute searches. PackMate keeps you on track.

Visit PackMate now and say goodbye to packing stress and hello to the stress free outdoors! Let us handle the list, so you can focus on the adventure ahead.

Deployment

Check out : PackMate

Contributors

• Kelli Watkins GitHub / LinkedIn
• Nathan Chamberlain GitHub / LinkedIn
• Rachel Brendel GitHub / LinkedIn

Goals and Objectives

• Continue building understanding with React fundamentals
• Worth together with a BE team
• Learn and implement graphQL

Features

• Trip Type selector
• Build your own packing list from a list of items based on your type of trip
• Custom Item input
• Saved list allow you to check off items as you pack
• Message displayed when all items are checked off your list and your ready for your adventure

Context

PackMate is a robust outdoor packing app that has been meticulously developed using React, JavaScript, HTML, CSS, and GraphQL. With a focus on technical excellence and user experience, PackMate simplifies the packing process for outdoor enthusiasts.

By leveraging React, PackMate delivers a dynamic and responsive user interface, ensuring a seamless and enjoyable experience for users. The extensive use of JavaScript enhances the app's functionality and interactivity, allowing users to effortlessly create personalized packing lists.

The integration of GraphQL optimizes data querying, enabling efficient retrieval of items from the comprehensive item database. This empowers users to select from a wide range of camping gear, hiking essentials, and custom items, tailored to their specific outdoor activities.

The use of HTML and CSS in crafting the visual design of PackMate ensures an attractive and user-friendly interface. It creates an intuitive environment where users can easily check off items as they pack, keeping them organized and eliminating the stress of forgetting crucial gear.

To ensure high-quality performance, PackMate is equipped with automated testing through GitHub Actions and Cypress. This meticulous testing process guarantees the reliability and stability of the app, providing users with a seamless packing experience.

PackMate combines technical expertise and attention to detail to create a powerful and efficient outdoor packing solution. With its intuitive interface, optimized data retrieval, and robust testing framework, PackMate takes the hassle out of packing, allowing users to focus on their thrilling outdoor adventures.

Set Up

1. Fork and clone this repo
2. cd into the file
3. Run npm install followed by npm start

Technologies

• Javascript
• HTML
• CSS
• React
• GraphQL
• GitHub Actions
• Cypress

Sources

• MDN
• W3Schools
• React Docs
• Cypress Docs