Back to Projects
Mobile App

KDS TLS

A Traffic Light System using React Native and .NET Core API, that measures garments operator performance on each and every garment worker.

2 Technologies
6 Screenshots
85% Complete

Project Metrics

Completeness
85%
Visual Assets
6
Technologies
2
Platform Reach
1

Platform Info

Typemobile app
Accessibility: 20%

Project Status

Content Quality
Tech Complexity
Rich Content Available

Project Gallery

Explore the interface and design in detail

6 Screenshots
Current: 1/6
448Γ—750
KDS TLS screenshot 1
1 / 6

About This Project

🚦 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.

Technology Stack

React NativeAsp.Net Core

Project Access

Project Analytics

Completeness Score85%
Technical Complexity2/10
Platform Reach1 Platform
Visual Documentation6 Assets
Accessibility20%

Key Features

What makes this project special

Mobile-First Design

Optimized for mobile devices with intuitive touch interactions and responsive layouts.

design

High Performance

Fast loading times and smooth animations for an excellent user experience.

performance

Well Documented

Comprehensive documentation and detailed project insights.

documentation

Reliable & Secure

Built with security best practices and reliable architecture.

security

Modern Development

Leverages latest development tools and methodologies.

development

User-Centered

Designed with user experience and accessibility in mind.

design