Oscar Pro, a leading EMR system in Canada, faced challenges with its front-end code structure, impacting scalability and maintainability. The project aimed to revamp the front-end by re-organizing CSS, HTML, and creating a cleaner, more efficient codebase.
Problem
The existing front-end code was unstructured, with CSS and HTML tangled, leading to difficulties in maintenance, slow performance, and limited reusability of components.
Solution:
Code Refactoring: Cleaned up and restructured the CSS and HTML, focusing on modularity and readability.
Reusable Components: Developed reusable UI components, reducing redundancy and improving consistency across the application.
New Page Designs: Designed and implemented new pages and components, enhancing the overall user experience.
Performance Optimization: Streamlined the code to improve loading times and responsiveness.
Outcome
The revamped front-end not only improved user experience but also enhanced the system’s scalability, maintainability, and readiness for future updates, making Oscar Pro a more efficient and adaptable platform.
Technologies Used
HTML, CSS, JavaScript
Front-End Frameworks: [Specify any frameworks used]
Version Control: Git
Below is a list of some of the pages and components of Oscar Pro.
