Get estimate

is an app for verified reviews about cafes and restaurants

Read on to discover how we developed this complex solution that consists of 2 parts: a customer mobile app and a business web application.
  • Australia

    Country

  • 1.5 years

    Project Duration

  • 12 specialists

    Team

Transforming the Way We Leave Reviews

The client reached out to us to develop a complex application similar to Yelp.

They wanted an app that encourages customers to provide relevant feedback on food, service, and other aspects, helping businesses expand their customer base through genuine reviews.

Overcoming Development Challenges 

  • Balancing performance and smoothness in animation

    Managing complex animations on lower-end devices while ensuring responsiveness to user interactions.

  • Efficient media file transfer

    Handling large files, ensuring smooth user experience, and managing potential network interruptions and device limitations

  • Managing dynamic navigation

    Managing dynamic navigation in React Native is challenging due to the need to handle complex route changes and state persistence, ensure a seamless user experience, and integrate functionalities such as opening routes from push notifications

  • Optical character recognition

    It was crucial to implement an optical character reader that would convert images of bills into typed text. Users need to take a picture of the restaurant bill to prove they actually visited it.

  • Limited support for gradients in standard icon libraries

    Standard icon libraries and native components lack support for gradients.

  • Map integration

    Ensuring smooth performance and managing complex UI interactions with maps across devices.

  • Real-time data updating

    Providing real-time data updates in React Native requires bidirectional communication between clients and servers, ensuring consistent data across devices, and managing connection reliability.

  • Immediate display updates for counters

    Ensuring the app shows updates right away when users interact with it, checking that any changes made through API calls are successful and displayed correctly, and adding an offline mode to keep data consistent and in sync across different devices and sessions.

Innovative Solutions

  • Optimized animations with reanimated

    We leveraged React Native's Reanimated library for declarative APIs and efficient gesture handling, enhancing performance and user experience.

  • Chunked and background uploading

    Implemented chunked video uploading and background tasks using React Native libraries and APIs to enhance reliability and user experience during media file transfers.

  • Flexible routing with React Navigation

    Used React Navigation to handle complex route changes and state persistence, integrating smoothly with other functionalities.

  • Using icon fonts for performance

    Employed icon fonts to reduce app size and manage icons flexibly across various platforms.

  • Custom components with SVG for gradients

    We were using React Native SVG for customizable vector graphics that support gradients and integrate seamlessly with app styling.

  • Leveraging Mapbox SDKs for maps

    Utilized Mapbox for customizable maps, real-time data updates, and support for various map styles to enhance user experience.

  • SocketIo integration

    Integrated Socketlo library that facilitates real-time, event-based communication over WebSocket connections, enabling seamless updates and synchronization of data between server and client applications in real-time scenarios such as chat applications or live data feeds.

  • Data caching and global storage for counters

    Used AsyncStorage for local data storage and Rematch for centralized state management to maintain consistent and synchronized counter values across the application.

Verified Reviews Through Receipt Scanning and Geolocation

The client verifies genuine reviews through receipt scanning and geolocation checks.
Users create content, leave feedback, interact with others, and get paid for their contributions. Businesses can promote their establishments and gain insights into customer feedback to enhance their services.

User Flow Design

One of the primary goals was to ensure users can seamlessly utilize all the features of an app. Here’s a glimpse into the user flow design process:

Key Deliverables 

  • User Account

    In their profile, users can view the quests and badges they receive for completing certain actions, such as watching Waterfall, writing, RealView, comments, etc.

    On the Home page, a user can view the latest posts in the Nolemon app (real reviews, waterfalls), go to the leaderboard, add a waterfall or a review, and view their quests.

    Before adding a realview, a user must provide proof that they have actually visited the venue. For that, they need to record a short Waterfall video and publish it. Once the video is published, they will have the option to leave a review

  • Business Account

    Businesses can promote their venues, track customer feedback, and increase their customer base through verified reviews.

    Clients can add multiple businesses at once and invite more participants to the platform – так краще буде

  • Match Me Feature

    The Match me page is designed to help users easily find a place according to their criteria: tags, vibe, roll score, location.

  • Juice Community Forum

    On this forum, users can communicate with each other, asking the community for a recommendation of a venue in a particular location, as well as real-time updates.

Technologies We Utilized

  • React Native

  • Firebase

  • Typescript

  • Nest.js

  • Node.js

  • React.js

Achieving Genuine Customer Feedback

The SpdLoad team successfully developed and launched the mobile application, encouraging customers to leave honest reviews.

We integrated innovative features and created a user-friendly design. This helped our client achieve its goal of providing a platform for genuine customer feedback. As a result, both users and businesses benefit from the improved system.

Contact Us
Insurtech App Development Case Study