Skip to content

Pack-Smart/pack-smart-fe

Repository files navigation

fav-icon

Pack Smart

Set Up Instructions

  • Clone down this repository to your local machine with git clone [email protected]:Pack-Smart/pack-smart-fe.git
  • Change into the directory with cd pack-smart-fe
  • Install the necessary dependencies with npm i
  • Spin up the local server on http://localhost:3000/ with npm start

Test Instructions Build Status

  • To see the Jest tests, run npm test
  • To see the Cypress tests, run npm run cypress

Project Description

Pack Smart is a helpful tool for curating perfect packing lists to ease the stress of traveling. Just enter your trip details and packing preferences to receive a list made just for you. Once your list is created, view items effortlessly with our intuitive, user friendly interface and tailor the list to your specific needs by adding or deleting items, adjusting the quantity and checking off items as they are packed away. Each packing list is automatically saved to be viewed and edited at any time! With Pack Smart, you will never forget important items or over pack again.

  • Lighthouse Accessibility Score: 97% for browser view / 100% for mobile view

Relevant Project Links

Application Demo

Navigating the Application

gif navigation

Taking the Quiz

gif quiz

Viewing the Saved Packing Lists

gif saved lists

Languages and Frameworks

JavaScript React Redux React Router SASS

Node.js Heroku Travis CI Jest Cypress

Future Features

  • Implement Auth0 for users to create a unique login
  • Create a drag and drop experience to organize items into specific bags (carry-on, checked bag, purse/backpack etc.)

Contributors

Backend Team

Frontend Team

Project Manager