Web-Based Inventory Management System

This repository contains the source code for a web-based inventory management system with CRUD functionality. The theme of the web app follows the famous clothing brand, named 'UNIQLO'. This project was created for one of my internship interview's technical assessment.

A live demo version can be accessed through the following link:
https://gray-flower-0ce0a4e10.5.azurestaticapps.net/ _{The website is currently offline.}

JavaScript Libraries/Frameworks

• Bootstrap 5
• DataTables
• jQuery

Code Structure

• index.html: The main code for the website.
• assets: Contains all the styles, libraries, fonts and frameworks needed for the website to work and look properly.
• DB.txt: An existing database file in JSON format to be imported into the inventory system.

Usage

1. Clone this repository.
2. Download index.html, assets and DB.txt into the same directory.
3. Open index.html using your default browser.
4. Select LOAD DATA if you wish to import an existing database file or NEW DATA to create a new entry.
5. Select SAVE DATA if you wish to export the edited data into a local file.

Examples

• Main Screen (w/o Data)

  

• Main Screen (w/ Data)

  

• Add New Item

  
  A modal dialog pops up when an item needs to be added, updated or deleted. The total price is automatically calculated based on the quantity and unit price.
  

• Delete Item

  

License

This project is licensed under the MIT License.