barcodefirebaseBigCommerceReactDotNetJavascriptNode.jsMaterial UI

Application Design for HammockGear Production System

By Arthur Strizheus
Picture of the author
Published on
Duration
9 months
Role
Project Lead, System Architecture, UI/UX, Full-stack Development
Application Dashboard
Application Dashboard
Order Management View
Order Management View
AI Data Report Assistant
AI Data Report Assistant
Problem Resolution Screen
Problem Resolution Screen

🧩 Project Summary

We built a custom internal toolset for HammockGear, a manufacturer of high-end outdoor gear. The goal: eliminate paper-based workflows and boost transparency across production, order fulfillment, inventory, and issue resolution.

This system ties together:

  • Production task assignment by workstation
  • Order and stock visibility
  • Barcode-driven item tracking
  • Problem detection and accountability assignment
  • Data filtering and reporting for operational analysis

🔍 Key Functional Areas

📦 Order & Inventory Management

  • Order List: Pulled from BigCommerce with sorting, rush prioritization, status indicators, and refund tools.
  • Detailed Order Pages: Staff can update items, adjust shipping dates, apply refunds, and add/edit instructions.
  • Stock Items: Editable stock entries, barcode printing, template-based stock generation.

🏭 Production Workflow

  • Employee Station Views: Each employee logs in via badge and PIN, views their assigned queue, and scans items to begin work.
  • Rush Highlighting: Red status indicators on both order and task queues.
  • Workstation-specific Layouts: Adapted UIs for Down, Shipping, and QC.

🛠️ Problem Resolution

  • Central resolution page assigns fault across employees.
  • Tracks resolution notes, percentages of responsibility, and restocking status.
  • Tied into live problem detection from workstation UI.

🗺️ Warehouse Map

  • Live heatmap of employee activity.
  • Shows active stations, idle states, and items in progress.
  • Clickable drilldowns for issues or job details.

📊 Reporting Tools

  • AI-powered chatbot: Replaces manual filters with a natural-language assistant that converts user prompts into SQL queries.
  • Context-aware conversation: Users can ask follow-up questions without restating context — the bot keeps track of the conversation thread.
  • Instant analysis: The assistant runs the query, summarizes key insights, and returns both the data and an interpretation.
  • No filter-building UI: The previous filter builder was retired in favor of a faster, chat-based interface.

📷 Screenshots

App Dashboard
App Dashboard
Order Management View
Order Management View
AI Report Generation
AI Report Generation
Problem Resolution
Problem Resolution

👥 Stakeholders

  • Production Team: Full item visibility and task flow per station
  • Managers: Live dashboards, employee performance, reporting tools, and problem resolution
  • Shipping Dept.: Order validation and item locations and packing workflows
  • Admins: Configuration, auditing, cost analysis, and change requests

✅ Completed Scope

FeatureStatus
Employee login w/ PIN + badge✅ Done
Order pull from BigCommerce✅ Done
Barcode-driven item scan✅ Done
Rush order visibility✅ Done
Problem resolution flow✅ Done
R̶e̶p̶o̶r̶t̶i̶n̶g̶ f̶i̶l̶t̶e̶r̶ b̶u̶i̶l̶d̶e̶r̶ -> New AI driven report generation tool✅ Done
Stock items and refunding✅ Done
Multi-station UIs✅ Done

🛠️ Ready for you digital transformation?

Let’s talk. Shoot me an email and let’s build something that works.


Hi there! Want to support my work?

Let’s Build Something Great

Looking for a reliable software developer?
Get in touch to discuss your project — whether it’s a web app, custom API, or performance tuning. I’ll help you go from idea to deploy with clean, scalable code.