Recently, my team completed our third and final Sprint. In this Sprint, I focused mainly on the design on the CheckInventory frontend once again. In the last Sprint, I had updated the header and the footer of the page, so this Sprint, I updated the information display portion of the page. I looked for some inspiration, which I found at the bottom of the WSU Thea’s Pantry page, where they used a white box floating in a gray background. I thought it was a decent design so I interpreted it. I kept the initial box design, except I upsized everything, and removed the title. I put the title floating above the box, bolded and in a dark blue. I increased the size of the font inside the box, and highlighted the weight itself in red. I gave the bottom and right side of the box a small shadow, to give it the illusion of floating. Finally I made the background a soft gray, which eases the eyes a bit better compared to a white background. I created a merge request for this issue, which would allow my teammates to use the code from it and update their own frontends. The last issue I tackled was the navigation bar. Originally, it had links to go to ‘Home’, ‘Check Out’, and ‘Check Inventory.’ I had removed these links from my navbar when I added it as they did not work, but it left the bar a bit bland, and we would need it eventually, so I put back the ‘Home’, and added a ‘Add/Donate.’ I made it so that it underlines when a user hovers over them. When the page is resized, the navbar collapses in a hamburger button. A user should be able to click on this button, which could drop down the options from the navbar. The button did not work, so I spent a bit of time trying to figure it out, only to realize it took eight characters to fix, but regardless it works, and on a mobile phone view as well. I went ahead and fixed some things about it, having it so that the options drop down on the right side of the page instead of the left. The ‘toughest’ part was fixing the design of the hamburger button itself to match the rest of the page. I had to create my own hamburger button in Canva, imported it as an svg file, and then I was able to change the button. I made a merge request for this as well, which allows my teammates to take the svg file and use it on theirs too.
What worked well was communication, we were quick with answers when someone needed something, quick on reviews and merging, etc. It was something we’re always good with, which is good. What worked well for me was still working on the frontend design, again it felt more like something I wanted to do rather than work. I wanted it to look good, and so I gave it my all to make sure it would look nice. Something that didn’t work well was making good use of my time. With the issue about the hamburger button, I had researched a lot and played around with a lot of solutions to get it to work until one did. Felt like I could’ve figured that out faster, but I didn’t.
I don’t think there’s a lot we can improve on as a team. In my last blog, I suggested a stand up to clarify what we were doing individually, but since we have solidified ourselves into certain parts of the project, we all just knew what each of us were doing. Individually, I could improve on doing more, I felt like I was not doing enough work compared to my fellow teammates.
A pattern that I can relate to during this Sprint was ‘Read Constantly.’ It basically means although I’m learning all these new and difficult things, there are more difficult things beyond that, and I feel like I won’t be able to catch up. After researching and reading about my issues, I felt this way, not just in this Sprint, but in the previous ones as well. If I had read this pattern before, I don’t think it would’ve changed anything. I still have to read and research my things, ultimately that’s how I grow.
From the blog CS@Worcester – Cao's Thoughts by antcao and used with permission of the author. All other rights reserved by the author.