GSoC 2025 - Rewrite Test Management Page Componenets from JSP to React - Final Presentation

Hello Everyone :waving_hand:,

GSoC 2025 Final Presentation of Project - Rewrite Test Page Components from JSP to React


The OpenELIS Global project focuses on modernizing(UI/UX) the laboratory information system by migrating admin pages from JSP to ReactJS, enhancing user experience, and transitioning from MVC architecture to REST controllers for better data validation using Formik and Yup Validation. The backend leverages Java, Spring Boot, and Maven to ensure seamless integration with APIs.


Key Contributions:

  • Migrated 90% of the Test Management pages to React.js with Yup validation and Formik as form helpers.
  • Transformation of messages.en key: value pair to en.json for better language transmission using Transferix
  • Rewritten MVC controllers to REST endpoints, enabling JSON-based data exchange.
  • Significant code contributions: 50K lines merged with 110 commits.

Successfully merged PRs here


Video Glimpse of my work done


Challanges and Learning

  • Gained experience with Maven project building, Spring Boot (POST/GET calls), and shifting from MVC controllers to REST controllers for JSON responses.
  • Worked on React.js features like conditional and complex rendering, state management, and integrated Formik with Yup for form handling and runtime validation.
  • Debugged logger behavior across different levels (Info/Debug) and resolved setup issues.
  • Implemented and updated workflows while handling PUT/POST operations, managing edge cases, and ensuring smooth migration from old to new UI.

Lastly, I want to express my gratitude to my mentor, the org admins, and community members for their unwavering support. This experience has been incredibly educational and rewarding, and I’m grateful to have contributed to such a meaningful project.

More detailed version on this topic here

CC : @Moses_Mutesasira @tasksolver @Vishal_Sharma @Vickabire and others

4 Likes

Great work done @aditya