An offline-capable Point of Sale (POS) system designed for clothing businesses to manage inventory, sales, suppliers, and reporting in a simple and efficient way.
This system supports both Retail and Wholesale operations and is designed to work even without an internet connection using browser-based local storage.
The Clothing POS System is built to help clothing store owners manage their day-to-day operations including:
- Inventory management
- Product sales
- Retail and wholesale pricing
- Supplier management
- Invoice generation
- Sales reporting
The system is designed to be lightweight, fast, and easy to use for small and medium clothing businesses.
- Manage clothing products in the store
- Support two product sources:
- In-house production
- Vendor purchased items
- Product categories such as:
- Menswear
- Ladieswear
- Kidswear
- Track stock quantities
- Low stock alerts when inventory levels drop
- Barcode / QR code support for quick product lookup
- Retail and wholesale pricing support
- Fast POS billing screen
- Invoice generation for every sale
- Discount support:
- Percentage discounts
- Fixed amount discounts
- Multiple payment methods:
- Cash
- Card
- Credit
- Maintain supplier records
- Store supplier contact details
- Track purchase history from vendors
The POS system provides useful reports for business insights:
- Daily sales reports
- Monthly sales reports
- Profit calculation
Profit formula used:
Profit = Selling Price - Cost Price
These reports help store owners monitor performance and profitability.
- HTML5
- CSS3
- Tailwind CSS
- Vanilla JavaScript
- Dexie.js (IndexedDB wrapper)
- Browser-based JavaScript printing
- Compatible with thermal receipt printers
User Interface (HTML + Tailwind CSS)
|
v
Application Logic (JavaScript)
|
v
Local Database (Dexie.js / IndexedDB)
This architecture allows the POS system to run offline directly inside the browser.
The system uses Dexie.js to store data locally in the browser.
++id, name, barcode, category, costPrice, retailPrice, wholesalePrice, stockCount, type
Fields:
id– Auto-increment primary keyname– Product namebarcode– Product barcodecategory– Product categorycostPrice– Cost priceretailPrice– Retail selling pricewholesalePrice– Wholesale selling pricestockCount– Current inventory quantitytype– Product source (In-house / Vendor)
++id, date, totalAmount, discount, paymentMethod, items
Fields:
id– Sale IDdate– Sale datetotalAmount– Final sale amountdiscount– Discount appliedpaymentMethod– Cash / Card / Credititems– JSON list of sold products
++id, name, contact
Fields:
id– Supplier IDname– Supplier namecontact– Supplier contact number
- Business overview
- Quick access to system modules
- Low stock alerts
- Add new products
- Update stock quantities
- Search products
- Barcode-based product lookup
- Select products for sale
- Apply retail or wholesale pricing
- Add discounts
- Choose payment method
- Generate invoice
- Print receipt
- Add supplier details
- View supplier list
- Track vendor purchases
- Daily sales summary
- Monthly sales summary
- Profit calculation
- Clone the repository
git clone https://github.com/chanuthjayasekera/clothing-pos-system.git
-
Open the project folder
-
Launch the system by opening:
index.html
in a web browser.
No server setup is required since the system runs fully in the browser.
The system uses Dexie.js with IndexedDB, which allows:
- Local data storage
- Offline operation
- Fast access to product and sales data
This makes the POS system suitable for small retail stores without reliable internet connections.
Possible future enhancements include:
- Customer management
- User authentication (Admin / Staff roles)
- Barcode scanner hardware integration
- Export reports to PDF or Excel
- Cloud synchronization
- Mobile-friendly interface
- Advanced analytics dashboard
This project is a functional prototype POS system demonstrating:
- Inventory management
- Retail & wholesale pricing
- Offline-capable data storage
- Billing workflow
- Supplier management
- Sales reporting
The system can be extended into a complete commercial POS solution with additional features and cloud integration.
Chanuth Jayasekera