PackItUp is a moving/storage CRUD app created with React, HTML, CSS, Fetch API and json-server to help users keep track of what items they pack into boxes for moving/storage.

Initial design made with Figma and the entity relational diagram made with diagramdb.io.

Issue tickets follow BDD, Behavior-Driven Development and use Github Project board to track issue lifecyles.

Sever-side repo here.

Hi, my name's Cheo.

This is my front-end capstone project for Nashville Software School.

• Features
• Tech Stack
• Endpoints
• Demo
• ERD
• Layout
• Cloning
• Running Tests
• Roadmap
• Contributing
• Acknowledgements
• License

• User should be able to add/remove/update item(s).

• User should be able to add/remove/update box(es).

• User should be able to add/remove/update move(s).

• User should be able to link/delink items from boxes.

• User should be able to link/delink boxes from moves.

• User should not be able to modifiy other user's information.

• User should be able to save their moves, boxes, items.

• User should be able to authenticate.

• User should only be able to add/remove/edit boxes, items if they are logged in.

• Boxes should automatically aggregate and update its information pertaining to its contents.

• Moves should automatically aggregate and update its information pertaining to its boxes' contents.

1. React
2. HTML
3. CSS
4. json-server

GET, POST, PUT, DELETE supported for the following routes

• /user
• /boxes
• /box/${id}
• /items
• /item/${id}

Entity relationship diagram can be viewd at diagram or latest screen capture below.

Most up to day layout can be viewd at my figma layout or you can view latest screen capture below:

git clone [email protected]:CheoR/pack-it-up.git
cd pack-it-up
npm install

After forking the repo.

git fetch --all
git checkout <branch-name>
npm install
npm start

In another tab, cd into api and run

json-server -p 8088 database.json

Please note, as of right now, running the above command including -w would cause json-serve to crash if user chooses to create 4 or more objects at once through the ADD button.

• [_] Port project to the MERN stack.
• [_] Style with Material-Ui.
• Live launch.
• [_] Encode item/box/move data as a QR code that can be printed out as a label for shipping.
• [_] Add a complentary QR decoding, so user can scan QR on a box and get information about its contents (if user has authorization). User can limit what data 3rd parties (movers, storage management, ect) can see.

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

Please fill out the template for pulll request and label them appropriately.

Thanks to NSS and everybody in my cohert that has helped me figure out problems when I was overthinking it.

MIT