Frontend For a Hotel Booking Website
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.