Improving an AI-enabled React Native app

Refining Seleste’s AI-powered mobile app for smart glasses, improving performance, and reducing latency for a smoother user experience.

Enhancing an AI-Powered React Native app for smart glasses

Seleste, an AI-enabled smart glasses company, hired Bloorsoft to improve the performance of their React Native mobile app, reduce latency, and enhance the overall user experience. Over a 5-month period, Bloorsoft refactored the app to improve code quality and performance, reduced the average response latency by over 50%, and developed a prototype for a cross-platform Wifi Direct module for faster image frame transfers. Seleste saw a 68% growth in users and a reduction in churn to under 5%, highlighting the impact of Bloorsoft’s contributions.

Client
Seleste
Duration
Date
March 2023
Clutch review
Link

Challenge

Seleste, a company specializing in AI-powered smart glasses, needed Bloorsoft to enhance the performance of their React Native mobile app, which served as the core interface between the smart glasses and the users. The app’s latency, particularly in auditory response times, was a major pain point that impacted user experience. Additionally, Seleste wanted to improve the overall code quality and experiment with a Wifi Direct module to enable faster image frame transfer between their smart glasses and mobile devices.

Given the technical complexity of the project and its impact on user satisfaction, the challenge was clear: Bloorsoft needed to reduce latency, refactor the codebase, and explore new technologies to enhance the communication between the app and the smart glasses. The end goal was to improve performance, reduce churn, and support Seleste's continued growth.

Solution

Bloorsoft's solution focused on three key areas: improving the app’s performance, reducing latency through AI optimization, and experimenting with cross-platform technologies to boost connectivity between the smart glasses and mobile app.

React Native App Refactoring and Bug Fixes:One of the first steps was to refactor the existing React Native codebase to improve overall readability, maintainability, and performance. We focused on cleaning up the architecture, optimizing component rendering, and eliminating redundant code. Additionally, we addressed a list of bugs and issues reported by Seleste’s customers, ensuring the app was more stable and reliable for everyday use.

Latency Reduction via AI Optimization:The primary issue Seleste faced was the high latency in their auditory response system. We tackled this problem by integrating more modern AI models and leveraging third-party APIs like Deepgram for speech recognition. The optimization of their Retrieval-Augmented Generation (RAG) system allowed us to cut the response time in half, reducing latency by over 50%. This improvement had a direct impact on user experience, allowing users to interact with the smart glasses more fluidly.

Exploring Cross-Platform Wifi Direct Module:To enhance the image frame transfer between Seleste’s smart glasses and their mobile app, we experimented with a cross-platform Wifi Direct module. This prototype aimed to allow faster data transfer between devices without relying on traditional WiFi networks, improving both speed and image quality. Although this feature was experimental, it laid the groundwork for future enhancements to the app’s data handling capabilities.

Results

Bloorsoft’s contributions had a profound impact on Seleste’s mobile app, delivering measurable improvements in performance and user satisfaction.

Improved Performance & Reduced Latency: The optimization of the AI systems and the refactored React Native code resulted in significant performance gains. The app’s response latency was reduced by over 50%, making interactions with the smart glasses faster and smoother.

User Growth & Reduced Churn: Seleste’s monthly churn rate dropped to below 5%, and the company saw a 68% growth in users over the course of the project. This demonstrated the value of the improvements Bloorsoft made, as a more responsive app contributed to higher user retention and satisfaction.

Enhanced Codebase Stability: The refactoring of the React Native app ensured that Seleste’s development team could more easily maintain and scale the app moving forward. The bug fixes and performance improvements delivered a more stable, user-friendly experience.

Innovative Wifi Direct Prototype: The prototype for the cross-platform Wifi Direct module provided Seleste with a potential solution for faster and more reliable image frame transfers between smart glasses and mobile devices. This opened the door to future innovations that could further improve the app’s performance in high-demand scenarios.

Why Choose Bloorsoft?

Seleste’s success in reducing latency, improving app performance, and laying the groundwork for future innovations underscores Bloorsoft’s technical expertise in mobile app development and AI optimization. Our ability to improve an existing product while experimenting with new technologies made a significant impact on both the user experience and the business’s growth trajectory.

At Bloorsoft, we pride ourselves on delivering high-quality solutions that directly address our clients’ challenges. Whether it's reducing app latency, optimizing AI models, or experimenting with cutting-edge technologies like Wifi Direct, we bring the technical know-how and innovative thinking that startups need to thrive.

With our track record of delivering results under tight timelines and complex conditions, Bloorsoft is the perfect partner for startups like Seleste, helping them build better, smarter products that delight their users and drive business growth.

We help

Startups

Change the

World