Frontend For a Hotel Booking Website

We developed a modern frontend for Splitty Travel, an established hotel booking website, maintaining its existing backend infrastructure. The primary goal for replacing the existing frontend was to enhance its mobile-friendliness and optimize the load speed of the platform.
Industry:
Hospitality
Region:
Israel
Technologies:
React.js, Typescript, Docker, Puppeteer
Volume:
3 man/year

Challenge


Splitty Travel, an innovative hotel booking website, had been operating for several years when its owners recognized its existing UI had become outdated. They contacted SCD to completely rewrite the system frontend while retaining the existing backend. The primary objectives were to enhance mobile-friendliness and achieve a minimum score of at least 90 on Google PageSpeed Insights.

Solution


We rewrote the website frontend using React.js and TypeScript. In the process, we implemented a comprehensive set of integration and speed tests utilizing Puppeteer that allowed us to ensure the system load time did not suddenly degrade. To optimize the website load time, we employed various techniques, including converting it into a Progressive Web App (PWA), implementing extensive lazy loading, analyzing, and optimizing the sizes of its distributions. As a result, we created a more responsive and efficient user experience.