Last week, I dedicated my time to advancing my knowledge in Jest Testing, React Next.js, and TypeScript. Building on this foundation, I spent this week focused on the company’s POS website project, where my primary responsibility was to identify bugs through a method known as monkey testing. This involved testing all system functions and thoroughly exploring different paths of interaction within the site, which allowed me to identify several unexpected issues and glitches. This testing process provided valuable insights into the website’s robustness and usability under varied conditions.
After reporting my findings, Mr. Peter tasked me with addressing several UI design bugs. I concentrated specifically on improving the user experience when the screen was zoomed in to 150% or more—a scenario where readability often suffers due to text scaling issues. I reworked the drawer navigation, enhancing its functionality to allow for better filtering and categorization. This was not only an improvement for current users but also a forward-looking solution, preparing the layout to accommodate future additions as more pages are integrated into the system. To further improve user experience, I also added a cover to the navigation drawer, ensuring a more seamless and polished interface.
Through these tasks, I gained substantial experience with Tailwind CSS, learned techniques for handling screen zoom effectively, and strengthened my skills in layout design. This project provided an excellent opportunity to apply these tools and practices to real-world UI challenges, enhancing the accessibility and functionality of the POS system.