Warehouse-Management-System

LIVE: https://www.warehousesystem.ovh/

TEST USER: [email protected]
TEST PASSWORD: Test123%

To fully use the application you need to allow your camera due to the scanning functionality.

Technologies used:

Fronted: react, typescript, scss, zustand, react-query, framermotion and other libraries

Backend: express, typescript, prisma, mysql

Deploy: docker, linux, vps

How does the application work?

Adding product model

First, we must create a product model in the cms in order to see products in the shop. CMS -> MANAGMENT -> CREATE -> PRODUCT



As soon as we have added one, we will be able to see the product in the store

Creating a location and assigning a pallet

To refill a product stock we need to create a location and a pallet where products will be stored. In CMS -> MANAGMENT -> CREATE we have an option to create a location and a pallet.



Once we click "location", a location is created



Now we should print the saved location QR code and put it into the rack/place where the location should be. By default, the location doesn't contain any pallet, so we need to create one. To create a pallet we need to scan a location QR code, or we can type it in manually in case of a broken location label.



After the pallet has been created we can see it is attached to the location that we provided.

Product refill

Finally after creating location and pallet we are ready to refill product quantity. However, before we proceed, we should print the pallet label and attach it to the pallet itself. To refill product we should go to MANAGMENT -> REFILL and scan product that we want to put on a pallet.



Next we need to scan the pallet label on which products should be placed



And the last step, provide the quantity (how many items of this product type you want to put on the pallet)



Upon successfully adding products to the pallet, we will be able to see that the stock has been updated

Creating an order

Now we are able to add items to the cart and place an order.

Order picking

To start order picking we need to go to CMS -> PICK -> ORDER-PICKING or open menu and select order picking and then select start. If you already had an assigned order you will get it automatically without clicking start. If there are no order to pick you will get a notification.



Once order picking starts you will get the first location with a product that should be picked up. To move forward you should scan the product barcode, take products to your cart/box, provide quantity and click next to move to the next location. The whole process goes from the lowest location number to the highest. So it is not possible to get location 10 and then location 1.



As soon as you click the "next" button, you should be transferred to the next page. If there are no more items to pick, it means the order is finished and you will see the shipment label that you should print and put on a box/cart with picked items. Afterwards, you should leave the picked items in the pickup zone from where they will be picked up.

Handeling errors

It has been designed with the intention of being easy to use, so if you provide incorrect data, such as an incorrect location or product, you will be notified.

All Features

Shop prototype

• add/remove products from the cart
• create an order

WMS

• register/login
• create product and add it to the shop
• create location
• create pallet
• refill products
• re-assign product to a different pallet
• inspect all locations
• inspect all products
• inspect all orders
• inspect location via scanning QR
• inspect product via scanning barcode
• order picking (pick all ordered items, and forward it to the shipment zone)