Callstack
May 29, 2023
No image
Ongoing
Continuous Improvement of the AutoZone Applications
$100,000+
more 1 year
United States
10+
Service categories
Service Lines
Mobile Development
Web Development
Domain focus
Automotive
Frameworks
React.js
React Native
Subcategories
Mobile Development
Cross-platform
Challenge
Mobile app:
AutoZone had two native mobile apps - one for Android and one for iOS. Both were rather dated at that time, filled with loads of legacy code that was hard to navigate and even harder to onboard new engineers. Migrating to React Native was a good opportunity to refresh the client’s mobile app, and it was in line with improving its overall design and functionality.
Since there were several issues in communication between native and React Native elements, we had to prepare the app for integration with React Native.
Web app:
The app had already been developed for nearly two years by one of the in-house teams who adopted a mobile-first approach to the project. Consequently, the app’s performance on desktops and mobile devices was unsatisfactory at that time.
Mobile app:
AutoZone had two native mobile apps - one for Android and one for iOS. Both were rather dated at that time, filled with loads of legacy code that was hard to navigate and even harder to onboard new engineers. Migrating to React Native was a good opportunity to refresh the client’s mobile app, and it was in line with improving its overall design and functionality.
Since there were several issues in communication between native and React Native elements, we had to prepare the app for integration with React Native.
Web app:
The app had already been developed for nearly two years by one of the in-house teams who adopted a mobile-first approach to the project. Consequently, the app’s performance on desktops and mobile devices was unsatisfactory at that time.
Solution
Mobile app:
We audited the architecture - we created a report with all areas of opportunities along with a proposal on how to handle them. We also checked the existing modules to determine which elements can be transformed into React Native to work better.
The app was divided into small modules; all of them were prioritized from the smallest to the highest no. of dependencies. We started the migration from the store tab since it was the simplest module. Then we took care of screen transitions.
Web app:
Full migration of AutoZone server-side rendering took several months, and we always worked alongside the client’s teams. We became part of the SEO team.
After the successful migration to Next.js, we could focus on improving the performance metrics that mattered to AutoZone most.
Mobile app:
We audited the architecture - we created a report with all areas of opportunities along with a proposal on how to handle them. We also checked the existing modules to determine which elements can be transformed into React Native to work better.
The app was divided into small modules; all of them were prioritized from the smallest to the highest no. of dependencies. We started the migration from the store tab since it was the simplest module. Then we took care of screen transitions.
Web app:
Full migration of AutoZone server-side rendering took several months, and we always worked alongside the client’s teams. We became part of the SEO team.
After the successful migration to Next.js, we could focus on improving the performance metrics that mattered to AutoZone most.
Results
Mobile app:
It took a year and a half to fully migrate the app to React Native, and the project came to an end. However, the collaboration went very well on both ends, and we agreed to continue developing new features.
All in all, the mobile app was upgraded and refreshed, which directly translated into a better user experience, and consequently, higher user ratings. The score increased after the migration.
Web app:
Our work resulted in remarkable SEO improvement, so the client achieved their business goal.
We enhanced the app performance by at least 200% and improved renewed Core Web Vitals metrics to more satisfactory levels. We achieved much faster loading times. All in all, we optimized the app for quality and better user and developer experience.
Mobile app:
It took a year and a half to fully migrate the app to React Native, and the project came to an end. However, the collaboration went very well on both ends, and we agreed to continue developing new features.
All in all, the mobile app was upgraded and refreshed, which directly translated into a better user experience, and consequently, higher user ratings. The score increased after the migration.
Web app:
Our work resulted in remarkable SEO improvement, so the client achieved their business goal.
We enhanced the app performance by at least 200% and improved renewed Core Web Vitals metrics to more satisfactory levels. We achieved much faster loading times. All in all, we optimized the app for quality and better user and developer experience.