PB138 Inventory Management System

Dominik Gmiterko


Table of Contents

1. Web app pages
2. Internal structure, used technologies
3. Development

I was responsible for the whole web interface to the system.

1. Web app pages

  • Dashboard - basic information about system

  • Inventory - show current inventory state

  • Categories - browse categories

  • Import & Export - form for importing data into system, button for export of current inventory state

  • Sales - overview of sales by category or for individual items (exportable as XML, and previewed directly in table)

2. Internal structure, used technologies

  • single-page application using React

  • all data are acquired through SOAP API

  • XSLT used for transforming sales XML into HTML table

3. Development

First I started with static templates for each page using hard-coded data. Next step was to load them from SOAP API. I was able to do this as soon as we with Martin got SOAP working correctly. After that I implemented import&export and as last sales page. There was one additional step on sales page. When XML with data is returned from back-end I generate preview for the data. It's HTML table retrieved by applying XSLT template.