A Restaurant Reservation and Reviews platform

A Custom Web App, Mobile App and Website designed and developed by Outsourcify

Aroi Restaurants

Colorful abstract smiling face logo design

Discover Aroi Restaurants, a platform designed to transform your table reservation process while prioritizing your restaurant's needs. Aroi Restaurants focuses on enhancing your online presence, streamlining reservation management, and nurturing valuable guest relationships.

Outsourcify played a key role in developing AroiRestaurants, a Reservation System designed for restaurants in Thailand, in partnership with BonsRestaurants, an established company in France. This collaboration merged Outsourcify's software development expertise with BonsRestaurants' industry knowledge to create an effective reservation solution. The goal was to seamlessly adapt the system to fit the dynamic culinary landscape of Thailand, building upon the successful framework implemented by BonsRestaurants in France. The Outsourcify team was thrilled to design and develop Aroi Restaurants' website, web application, and mobile application.

1 UX/UI Director & Project Manager
1 Web Designer
1 Backend Developer (data migration)
1 Fullstack Developer
3 Mobile App Developers
3 Testers
Waterfall methodology
Agile methodology (MA)
Flutter, HTML5, CSS, JavaScript, mySQL
8 months

Mobile App - Reservation management for restaurants

Aroi Restaurants, designed and developed by Outsourcify using Flutter, is a specialized application catering to restaurant owners, offering a robust reservation management system. Users can seamlessly handle new reservations through a linked web widget, accepting or declining them as needed. The application facilitates the customization of restaurant opening/closing schedules and allows for date-specific reservation blocks in special cases. Users can access guest data, ensuring a personalized dining experience, and add comments or notes for specific guests or reservations. The organized display of reservations utilizes a custom calendar designed specifically for the application. To ensure timely updates, the application features a real-time notification system for the latest reservations.

Designing applications for business managers poses challenges in balancing usability with comprehensive management tools. While the application boasts a simple design, challenges arose in accommodating a large amount of displayed information on the screen. The responsive design, tailored for various device sizes, aimed to maintain a “pixel-perfect” alignment with the original design.

image 37

Web App - Reservation System: The API

The ComAdvisor project serves as a centralized Application Programming Interface (API) across various environments, encompassing an administration interface, a widget, a mobile application, and a system for creating and managing websites, in addition to a public website. Further details on each component will be provided at a later date. Notably, this API plays a pivotal role as a central hub for two distinct brands: Bons Restaurants in France and Aroi Restaurants in Thailand, functioning as the driving force that unifies and synchronizes these two entities.

As we delve into the project’s history, ComAdvisor has been in existence for some time. The initial version of the API was developed by Outsourcify in 2018, with the integration of Reserve With Google taking place in 2022. During this period, the ComAdvisor project already boasted a substantial number of restaurants, necessitating a migration process. Given that the technology choice had initially favored PHP and its Symfony framework, we maintained continuity by transitioning from Symfony 4 to the Symfony 6 version.



component 13

Aroi Restaurants Admin Platform

As implied by its name, the administration interface empowers administrators to oversee the entire ComAdvisor system, incorporating a structured access hierarchy for precise management. Simplifying its structure, the interface is segmented into various sections, with two holding particular significance.

The first section is dedicated to super administrators, who possess comprehensive rights, allowing them to execute all necessary operations. Essentially, they wield extensive powers, earning the title of super administrators.

The second section pertains to “classic” administrators, who can log in and manage a specific brand, Bons Restaurants or Aroi Restaurants. Basic functionalities for classic administrators encompass tasks such as adding and editing restaurants, website creation, and widget management. This involves adjustments to restaurant opening hours, updates to available rooms and services, and more. Essentially, these administrators benefit from tailored functionalities for the brand-specific management they oversee.

The administration interface was crafted using VueJs/Nuxt.

b06 macbook air m2 1

Aroi Restaurants widget and Reserve with Google

The system equips restaurateurs with two efficient tools to streamline their operations and enhance time management: a widget for customers to reserve a table with ease and the Reserve with Google system, which allows direct reservations through Google Maps. The widget provides restaurateurs with exceptional flexibility, allowing them to place it strategically—whether in social media posts with a direct link, on their website using an iFrame system, or seamlessly integrating it into WordPress CMS with a downloadable plugin for easy display on-site pages.

Whether utilizing the widget or Reserve with Google, we empower restaurateurs to efficiently organize their opening times by room and service, enhancing customer navigation. An additional widget functionality focuses on reviews; a day after their meal, customers receive an email with a link to share their opinions, and these reviews can be prominently displayed using the widget. The development of the widget interface was accomplished using VueJs.

component 12

The notifications and automation tasks

When developing this platform, our main objective was to simplify the work of restaurateurs as much as possible. This is why we implemented notification and automation systems.

For example, when a customer makes a reservation via the widget (or Reserve with Google), the system instantly sends a notification on the mobile application, an email, and an SMS to the restaurateur to inform him of the new reservation. The restaurateur simply uses the mobile app to approve or reject the reservation, and can also perform this action by clicking on the link provided in the email.

Other notifications are also integrated, such as reservation cancellations.

For the customer’s convenience, we have set up an e-mail system to notify them when their reservation has been sent, and when the restaurateur has approved or rejected it. In addition, customers receive an email a few hours before their meal to remind them of the details of their reservation.

We have also developed a rating system. The day after their meal, customers receive an e-mail containing a link enabling them to add a review and a rating for their experience of the previous day.

Other more technical automations are also integrated through the use of CronJobs. These include, for example, the process of rebuilding the BonsRestaurants and Aroi Restaurants public sites, as well as the execution of recurring tasks necessary for the smooth running of the Reserve with the Google system.

iphone 14

The Website Generators

Aroi Restaurants now offers its customers the simple option of creating their website. To this end, we have set up a complete website generation system directly accessible from the administration interface.

The generator, developed with PHP and its Symfony framework, offers several templates and options for customizing restaurant websites to the maximum. Each template is optimized for maximum visibility using advanced SEO techniques.

What’s more, we’ve developed a complete system for creating a staging site and automatically deploying sites when they’re published.

image 6

The data migration from the V1 to V2 and redirects

When creating a website, or even a platform like this one, a migration phase is often unavoidable. This involves transferring existing data to the new system. In the case of Aroi Restaurants, this step was essential, as Bons Restaurants had been in existence for some time in France, accumulating a large amount of data and images. We aimed to make this transition seamless.

We developed several SQL scripts to ensure an optimal process. The creation of several databases and production launch simulations were carried out on several occasions to ensure that we were ready on D-day.

As far as image migration was concerned, this required a different approach. Since the previous system classified images differently, we had to download all the files onto our computers and create Python scripts to reorganize them logically, in line with the new system. After several tests and data analyses, we were able to migrate all the images without a hitch.

Data migration is a crucial step, but so is the management of redirects. The transition from version 1 to version 2 could potentially lead to the breakage of certain links, notably those shared via widgets on social networks or directly on customer websites. To anticipate this situation, we spent several hours scraping the existing site and analyzing all links to create all necessary redirects. In addition, we developed a Python script to automatically replace the links in the old database with those in the new one.

On D-Day, we had to block all ComAdvisor services to save data and files, running all our scripts one last time. We set up a maintenance page during this period. Once the migration was complete, we checked the pages and functionalities to ensure that the platform was running smoothly.

iphone 15

The Public Website

We developed the Aroi Restaurants website using Astro technology in conjunction with Vue.js, delivering exceptional performance. Astro stands out for its ability to generate websites efficiently, meaning that pages viewed do not require API calls, except the search page. Astro returns static HTML pages to visitors, considerably improving site responsiveness.

The Aroi Restaurants public site presents visitors with a list of available restaurants, as well as a page dedicated to services, describing in detail the offers provided by Aroi Restaurants.

image 41

A WordPress Headless for the blog

The Aroi Restaurants website offers its visitors a blog. To set up this blog in an efficient and user-friendly way, we chose to use the WordPress CMS. However, our website relies on Astro technology for page generation.

To reconcile these two technologies, we established a connection between the REST API of our WordPress installation and our central API. The latter acts as an intermediary between the WordPress REST API and our Astro website. Using only the WordPress API can be complex due

to the format of the data. For example, the post response doesn’t directly include the URL of the featured images, but rather their ID. To obtain this URL, another API call is required.

Our API therefore takes care of all these WordPress API calls and returns the data to the frontend in the most appropriate format.

We’ve also developed a small WordPress plugin to initiate the rebuild command on our server. This regenerates the Astro HTML pages and automatically updates the data.

group 67760

Have a project in mind?
Let's start your project today

Contact Us
Have a project in mind?
Let's start your project today