Employee Order Form

I built and designed an order form for employees to purchase company branded apparel. In context, the user fills out their contact info and selects desired items. This info is then sent via email to the company for fulfillment, as well as to the user for their records. Below is a simplified version featuring product info and subtotal functionality.

This was my first foray into using Javascript for this purpose and was a huge step for me in terms of growing my skills. I used a variety of for loops to only show and submit item details when selected, to adjust prices for size, and to calculate a subtotal. This information is recalculated and updated every time a user changes a size, quantity, or removes an item.

Client: Redeemer's Group & Treehouse Internet Group

Roles: Development, UI/UX

Tools: JS, HTML, CSS

Subtotal: $0.00

Fleece Vest - $41.80/item

Gray

Select

Remove

Select

Remove

Fleece Jacket, Full Zip - $39.60/item

Gray

Select

Remove

Soft Shell Jacket, Quarter Zip - $37.40/item

Gray

Select

Remove

Select

Remove

Soft Shell Jacket, Full Zip - $53.90/item

Navy + Blue

Select

Remove

Gray + Navy

Select

Remove

Polo Shirt - $38.50/item

Blue

Select

Remove

Gray

Select

Remove

Select

Remove

Hoodie - $42.90/item

Gray + Blue

Select

Remove

Gray + Navy

Select

Remove

Beanie - $9.90/item

Gray

Select

Remove

Select

Remove