About the Client

Homebase is a leading provider of cloud-based time tracking and scheduling solutions, catering to businesses across various industries including food service, retail, healthcare, and software. Their platform helps streamline human resources processes by offering tools to organize and manage employee schedules, timesheets, and payroll efficiently.

Challenge 1: Legacy Technology Hindering Innovation

The critical component of Homebase’s application, the Schedule Builder, faced a challenge due to its reliance on outdated technology – BackboneJS. This legacy framework limited the potential for application enhancements and posed difficulties in finding developers familiar with the obsolete technology.

Solution 1: Migration to React for Enhanced UI/UX

To address the challenge, Bad Boy Solutions initiated a migration project to transition the existing Schedule Builder from BackboneJS to React. Leveraging modern technologies such as React, Redux, TypeScript, SCSS, Ruby on Rails, and PostgreSQL, the migration aimed to modernize the application’s frontend while maintaining its existing functionalities and performance.

Result 1: Improved Interactivity and Modern UI/UX

Following the successful migration, Homebase’s Schedule Builder now boasts enhanced interactivity and dynamic user experience. The modernization effort facilitated the implementation of new features and improvements to UI/UX design, while preserving the application’s existing functionalities and performance. Approximately 100,000 small businesses (equating to around 2 million users) were seamlessly transitioned to the React version of the application without any data loss.

Challenge 2: Frontend Code Quality and Performance

Our engineers identified the need to improve frontend code quality and performance to ensure a robust and efficient application.

Solution 2: Frontend Performance Enhancement

Our engineers have devised a strategy to modify the code architecture aimed at enhancing Core Web Vital metrics, particularly LCP, thereby expediting the initial loading of web pages/applications.

Furthermore, leveraging virtualization and optimizing the React rendering process, we have accelerated the performance of the Schedule Builder.

Result 2: Doubled Performance and Robust Code

The Schedule Builder component of the application has been accelerated by a factor of 5 and application load times have been reduced, positively impacting user experience. Additionally, the overall bundle size (including all JS and CSS code bundled for production) has been decreased by 30%..

Cooperation Benefits for the Client

The collaboration between Homebase and Bad Boy Solutions yielded several benefits:

• Enhanced User Experience: The migration to React and frontend performance enhancements resulted in improved UI/UX, providing Homebase users with a more intuitive and seamless experience.
• Increased Efficiency: Modernizing the Schedule Builder and improving frontend code quality and performance enhanced the overall efficiency of Homebase’s platform, allowing for smoother operations and increased productivity.
• Future-Proofing: By adopting modern technologies and best practices, Homebase is better positioned to adapt to future industry trends and innovations, ensuring continued relevance and competitiveness in the market.

How Can We Help You?

If your organization is seeking to modernize your software applications, enhance performance, or improve code quality, Bad Boy Solutions is here to assist you. 

With our expertise in software development and experience in working with tech startups and enterprise clients, we offer tailored solutions to address your specific challenges and goals. 

Contact us today to discuss how we can collaborate and drive success for your business.