🔢 Single Page Application (SPA) POS System

📖 About

This repository contains the final coursework for the Internet Technology module, featuring a POS System. Built using JavaScript, CSS, HTML, and Bootstrap, the project follows the MVC architecture to create a seamless, responsive, and dynamic single-page application for point-of-sale operations.

🏗 Project Structure

• Uses MVC (Model-View-Controller) design pattern to organize the project.
• Data is stored temporarily using arrays.

✨ Features

🧑‍💼 Customer Management

✅ All customer functionalities implemented as shown in the reference video.
✅ Validations applied as required.
✅ Tab key focusing disabled to prevent default behavior.

📦 Item Management

✅ All item functionalities managed with proper validations.

🛒 Order Management

✅ Automatic Order ID Generation
✅ Auto-fill Current Date
✅ Search & Load Customer Details (Previously added customers)
✅ Search & Load Item Details (Previously added items)
✅ Add Buying Items to the Table
✅ Automatic Total Calculation
✅ Apply Discounts (%)
✅ Calculate Customer Balance
✅ Search Orders by Order ID

🛠 Technologies Used

• HTML for structure
• CSS for styling and responsiveness
• JavaScript for DOM manipulation and logic
• Bootstrap for enhanced UI components

🚀 Usage

1. Clone the repository:

   git clone https://github.com/nadeesamaraweera/POS-System.git

2. Open the index.html file in a browser.
3. Start managing customers, items, and orders!

📜 License

This project is licensed under the MIT License. See the LICENSE file for more details.