https://github.com/nadeesamaraweera/pos-system
This repository contains the final coursework for the Internet Technology module, showcasing the POS System. The project is developed using JavaScript, CSS, HTML, and Bootstrap, following the MVC architecture to ensure a structured and maintainable codebase.
https://github.com/nadeesamaraweera/pos-system
bootstrap css html javascript jquery mvc-architecture pos-system responsive single-page-applications
Last synced: 4 months ago
JSON representation
This repository contains the final coursework for the Internet Technology module, showcasing the POS System. The project is developed using JavaScript, CSS, HTML, and Bootstrap, following the MVC architecture to ensure a structured and maintainable codebase.
- Host: GitHub
- URL: https://github.com/nadeesamaraweera/pos-system
- Owner: nadeesamaraweera
- License: mit
- Created: 2024-06-01T15:23:12.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-04T14:20:12.000Z (over 1 year ago)
- Last Synced: 2025-04-30T15:41:31.853Z (about 1 year ago)
- Topics: bootstrap, css, html, javascript, jquery, mvc-architecture, pos-system, responsive, single-page-applications
- Language: JavaScript
- Homepage:
- Size: 109 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🔢 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:
```bash
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](LICENSE) file for more details.