PRJ – 6

Tuesday 11/08: 12PM – 4PM

I spent the entirety of today making progress on printing multiple product sheets and have learned a lot in the progress. Yesterday, I was feeling quite overwhelmed by all the code and what was doing what however as I made progress I got a better understanding of the application I am working on and React/Redux in general.

I showed Jesse what I had done yesterday and he reckons it’s a good approach. Moses also made some reccomedations in regards to the user experience of the new feature. We figured it would be best to create some form of sidebar which you can show and hide using a button. In this sidebar, the list of items you want to print will be shown and you can add and remove items from the list. The bottom of the sidebar will have two input fields, one for the customer who’s requesting the items and one for the unit number.

First thing I did was create a new component for the sidebar. After that I worked on hiding and showing the sidebar using a button. I made sure the new sidebar matches the design of the application using the same colours. Next I worked on populating the new sidebar with the items from the array in the state I made yesterday. This was relatively easy after looking at how other lists were being populated in the application. After the list was populating, I worked on removing items from the list (aka the array in the state). This meant making another redux action and adding it to the correct reducer. It’s important to remember that you must never alter the existing Redux state but rather return a completely new one with the changes you’ve made. That was all I got done for that day.