Skip to content

RNWalker/Capstone_Frontend

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Capstone_Frontend

This is the front end portion of my Bright Network Technology Academy capstone project. For the backend please see here: https://github.com/RNWalker/capstone_backend_project .

This front end was designed to be used on an iPad or equivalent portable device, as the project was intended to be used by a warehouse worker that packs orders.

image

The homescreen of the project shows a dashboard of the number of orders that have been packed and the extent to which the warehouse trucks have already been filled with orders.

Using the pop-out sidebar on the left, a warehouse worker can navigate to orders that are outstanding, the order they are currently packing, and the status of each of the trucks.

The order page shows the orders that are awaiting to be packed. Priority orders are put near the top of the page, and completed orders are ranked to the bottom.

Screenshot 2023-10-28 at 05 10 19

When a warehouse packer presses 'pack order', they are assigned to the order in the database and the first truck with capacity to take the order is assigned to it.

Screenshot 2023-10-28 at 05 10 31

Once the packer confirms all the items have been packed, they are directed to which truck to take the order to for delivery.

Screenshot 2023-10-28 at 05 21 46

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 75.3%
  • CSS 20.8%
  • HTML 3.9%