Skip to main content
yusrb
← All projects

Case study 04 · 2024

Product Catalog & Manufacturing Order Management Web App

A web application that presents a textile print product catalog, accepts orders, and tracks each order from intake to delivery.

Field
Web Development
Year
2024
Stack
HTMLCSSJavaScriptNode.jsExpressMySQL
CATALOGORDERSCUSTOMERS ORDER #0047 STATUS Received Confirmed Production Quality Shipped

Executive Summary

The application joins the product catalog and the order process. Customers view product specifications, the sales team records orders, and production updates the status at each stage of work.

Background

Product information was sent as separate files, and orders were re-entered in several places. Customers had to ask directly to learn how their order was progressing, and sales and production did not share a single source of data.

Solution Architecture

Order status is modeled as a fixed sequence of stages: received, confirmed, in production, quality check, and shipped. A stage can only move forward one step at a time, and every change records the user and the time.

Role Access
Customer View the catalog and own order status
Sales Create and confirm orders
Production Update production and quality stages

Technical Implementation

The Node.js backend exposes separate routes for catalog, orders, and users. Passwords are stored as hashes, and every route checks the caller’s role before processing a request. The catalog page loads images lazily and uses paginated MySQL queries.

CREATE INDEX idx_orders_status
  ON orders (status, created_at);

Results & Impact

Sales no longer enters the same order data more than once, and customers can check status without contacting staff. The catalog page loads in under two seconds on a standard office network.

Measured results

single input
Order entry
5
Trackable order stages
< 2 s
Catalog page load

Integrated Web-Based Inventory Tracking System