I started by making the progress bar and +/- buttons actually work and live.
This only took a few mins

Afterwards I started the add page
I created add.html addItem.js
for the html, I copied the same head/header/footer and just did the <main></main>
I made sure to have addable categories cause i thought that would be useful.

I made the whole thing wrapped in a form.

• Item Name
• Category w/+ button
• Quantity
• Unit w/Custom option
• Minimum Stock
• Expiry Date

Even though i didnt type any new styles yet this form still look good, however not good enough.
So I then wrote all the styling for add.css

Then I made addItem.js,
I made it so you can upload your own category and add an emoji to it but when i started testing everything it didnt work.

I suspected it was policy issue so i tried creating some and that fixed it but then there was another problem.

once i made an item and go to inventory i wouldnt see although it was in my database, it was because i changed my table around from category to category_id so the relationships werent assigned.

the stock levels werent updating but it was just a simple fix.