A Traffic Light System using React Native and .NET Core API, that measures garments operator performance on each and every garment worker.
Explore the interface and design in detail
π¦ KDS TLS β Traffic Light System Features
π Operation Tracking
Track and monitor:
Machines
Operators
Auditors
All tied to specific operations in real-time for better production visibility.
πΊοΈ Operation Layout Integration
Pulls layouts directly from the Operation Bulletin, allowing users to view structured operation plans for each production line.
π Defect Tracking System
During quality rounds, users:
Inspect 7 garments from production per round
Log defects for each piece with detailed descriptions
Capture SPI (Stitch Per Inch) and Gauge values for accuracy and compliance
π¦ TLS Status Evaluation
Assigns a Traffic Light Status for each round based on inspection:
π’ Green β Everythingβs good
π‘ Yellow β Warning state
π΄ Red β Critical defect levels
Helps teams immediately understand production quality health.
π Rounds Management
Each round captures full inspection data:
Time, user, and line info
Linked operations, machines, and operators
Recorded TLS status
All associated defects and measurements
π¦ Transaction Logging
Each transaction contains:
One operation
One machine
One operator
TLS status
Defect data
SPI and Gauge values
Perfect for detailed reporting and quality analytics.
What makes this project special
Optimized for mobile devices with intuitive touch interactions and responsive layouts.
Fast loading times and smooth animations for an excellent user experience.
Comprehensive documentation and detailed project insights.
Built with security best practices and reliable architecture.
Leverages latest development tools and methodologies.
Designed with user experience and accessibility in mind.