Web App For a Food Industry Behemoth

Industry

Tech Stack

NativeBase
Web app for a food industry behemoth

ABOUT THE CLIENT

Based out of Orlando, our client is a multi-brand restaurant operator who runs some of the most distinguishable and successful restaurants in full-service dining. They own and operate more than 1,800 restaurants and employ around 175,000 team members, making them one of the 50 largest private employers in America and the world's largest full-service restaurant company. They are now serving more than 320 million guests annually in hundreds of communities across North America and their restaurants include some of the country’s most recognized franchises.

The Problem

The client was on the lookout for an organization that has the skills to enhance their digital solution and they came across us on their mission to revamp and develop their app. The client was already impressed by our open-source contribution- NativeBase. The main problem here was that they needed the same code to be implemented for all their brands along with their individualistic styles on the app and they also required it to run across platforms. They were searching for organizations to implement new features and continue the development of their online food ordering website. We decided to follow the agile methodology pattern as it allowed for dynamic sprints. The entire project was divided into six sprints for eighteen weeks, and daily scrum meetings were held to facilitate the planning and to implement the required changes.

OVERCOMING CHALLENGES

One of the major roadblocks that we faced along the way is maintaining a good structure across platforms. We achieved this by using NativeBase considering the apps were originally built on the React ecosystem. We also created a Monorepository to manage the code base which is essentially a standard code repo for projects with a modular approach for saving reusable components. All of the reusable components and the relevant code were saved here under different modules. Another challenge that we faced along the way was to integrate code in both platforms. Looking at the complexity involved, the team updated and committed the code in a secondary codebase, following which the team lead would check the quality of the code before pushing it further.
In bird's eye viewCI/CD was done using Azure DevOpsTasks were handled using Azure and Git.All communication was done through MS teams, email and daily scrum meetings.
Create a responsive web app with reusable components for both mobile and web platforms.Create screens for the menu list and item details, cart and order settings, and integrate various order flows such as pickup and delivery.Rewrite the frontend of the old website while implementing functionalities like menu listings, reorder, a cart section, recommendations, and more.Write native code which can be used for both platforms

TEAM ON CALL

Once the problem was defined, we put together a highly competitive team that could take the project forward. Considering the vast scope and comprehensiveness of the project, we created a team of a tech lead, eight developers and a tester who would work on developing the application.
Create a responsive web app with reusable components for both mobile and web platforms.
Create screens for the menu list and item details, cart and order settings, and integrate various order flows such as pickup and delivery.
Rewrite the frontend of the old website while implementing functionalities like menu listings, reorder, a cart section, recommendations, and more.
Write native code which can be used for both platforms

Strategy

We joined hands with one of the USA’s biggest multi-brand restaurant operators for the second phase of their project, which sought to develop and enhance their offering, an online food ordering service. The engagement was based on the agile model.

Analysis Planning

Since the client wanted to implement the same codebase across all platforms, we used NativeBase 3.0 for the UI and React and React Native Web supported by Next.js to create the mobile and web apps.

UI/UX

Since the designs and wireframes were already prepared and provided by the client, our designers lay easy on this one and we moved on to the development of the apps.
UI/UX

Development

The development phase consisted of building the app's mobile and web versions and implementing features like menu, cart, location services, and reorder screens amongst others.

Testing

The development phase consisted of building the app's mobile and web versions and implementing features like menu, cart, location services, and reorder screens amongst others.

Delivery

The client was pleased about the progress made during the second phase of the project and has agreed to join hands with us for the subsequent seven stages as well.
Delivery

FINAL IMPRESSION

The client had reached out to us for the second phase of the project and they were thrilled looking at the work done by the team and the efficiency displayed. Being quite impressed with both the experience of the collaboration and the work delivered, they have decided to engage with us for the subsequent seven phases of the current project and additional ones, making us one of their leading tech partners. 

Ready to Transform Your Digital Ordering Platform?

Build scalable food ordering experiences that delight customers across every channel.
Schedule a Strategy Call

The Right Conversation Can Save You Six Months.

Whether you’re navigating AI adoption, modernizing legacy systems, or scaling a product - we start by listening. No pitch deck. No template. A real conversation.

Web App For a Food Industry Behemoth - GeekyAnts