With the rapid advancement of technology, it is inevitable that nearly every aspect of our lives involves technology, particularly when accessing information. Through the utilization of sophisticated technology, we can conveniently and practically access various types of information or data using mobile devices. This has led to the development of web applications that encompass diverse data within organizations. The purpose of creating web app is to streamline team management processes, enabling faster and more efficient work. However, quite often we find features in the web apps that can still be enhanced in terms of program code and functionality. Refactoring offers a method to enhance both of the code quality and the feature functionality. It aims to improve the internal quality of a feature, making the system easier to maintain and free from errors or bugs.  Using the Test-Driven Development approach in this research, a feature has been successfully refactored, resulting in a more user-friendly experience and facilitating easier maintenance for developers.