<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:media="http://search.yahoo.com/mrss/"><channel><title><![CDATA[WTF Cases]]></title><description><![CDATA[What the Flutter's client case studies, success stories and solutions.]]></description><link>https://cases.flutter.wtf/</link><image><url>https://cases.flutter.wtf/favicon.png</url><title>WTF Cases</title><link>https://cases.flutter.wtf/</link></image><generator>Ghost 5.80</generator><lastBuildDate>Mon, 30 Mar 2026 06:27:10 GMT</lastBuildDate><atom:link href="https://cases.flutter.wtf/rss/" rel="self" type="application/rss+xml"/><ttl>60</ttl><item><title><![CDATA[ChaiKoffskiy: App for Pastry and Tea Shopping]]></title><description><![CDATA[ChaiKoffskiy is an app that brings the warmth of fresh pastries and aromatic tea to your fingertips, making it easy to browse and order your favorite treats on the go.]]></description><link>https://cases.flutter.wtf/chaikoffskiy/</link><guid isPermaLink="false">67bec7204c97c50001082acb</guid><category><![CDATA[FoodTech]]></category><category><![CDATA[E-commerce]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Thu, 27 Feb 2025 13:57:37 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2025/02/Chaikoffskiy-cover.webp" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction</h2><h3 id="%F0%9F%92%BC-client">&#x1F4BC; Client</h3><img src="https://cases.flutter.wtf/content/images/2025/02/Chaikoffskiy-cover.webp" alt="ChaiKoffskiy: App for Pastry and Tea Shopping"><p><a href="https://chaikoffskiy.by/?ref=cases.flutter.wtf" rel="noreferrer">ChaiKoffskiy</a> is a renowned tea house and bakery operating since 2005. The business combines a passion for exceptional pastries with expertise in tea and coffee culture. The company promotes healthy lifestyles through specialized herbal teas that regulate metabolism, enhance physical activity, and boost immunity, complemented by their thoughtfully crafted bakery items. </p><h3 id="%F0%9F%99%8F-request">&#x1F64F; Request</h3><p>The client came to us with a well-established website and online store, looking to develop a mobile application to expand their digital presence and provide customers with a more convenient way to browse and order their products on mobile devices.</p><p>During our technical consultation, we advised against building a full-scale app from scratch to<strong> save time and budget</strong>. Instead, we suggested wrapping their existing online store in a WebView for a seamless, cost-effective transition to a mobile app (webview-based apps are generally cheaper to build than fully native apps&#x200B;).</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2025/02/Chaikoffskiy-Catalog-Screens-Tea--Coffee--Pastries.webp" class="kg-image" alt="ChaiKoffskiy: App for Pastry and Tea Shopping" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">ChaiKoffskiy: Catalog of Tea &amp; Coffee, Pastries Screens</span></figcaption></figure><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>ChaiKoffskiy&apos;s target audience includes pastry enthusiasts, coffee lovers, and busy professionals looking for quality baked goods with convenient ordering options. Client&apos;s customers value tradition, quality, and the convenience of having favorite treats delivered to their doorstep.</p><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Implement an efficient solution while keeping development costs reasonable;</li><li>Maintain consistency with the existing website&apos;s functionality and design;</li><li>Ensure seamless user experience across different mobile devices;</li><li>Deliver a fully functional mobile app within a tight timeframe.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>The client required applications for both <strong>iOS</strong> and <strong>Android</strong> platforms to reach their entire customer base.</p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2025/02/Chaikoffskiy-for-different-devices.webp" class="kg-image" alt="ChaiKoffskiy: App for Pastry and Tea Shopping" loading="lazy" width="2000" height="952"></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><ul><li>We conducted a technical consultation to analyze the client&apos;s existing website and requirements;</li><li>After evaluation, we proposed a WebView-based solution instead of a fully native app using the <a href="https://pub.dev/packages/flutter_inappwebview?ref=cases.flutter.wtf" rel="noreferrer"><code>flutter_inappwebview</code></a> package to enable smooth in-app browsing. The plugin allowed us to embed the website content directly inside the Flutter app &#x200B;without rebuilding it from scratch;</li><li>This approach allowed us to leverage the existing e-commerce website while providing a native mobile app experience;</li><li>We added a well-organized native menu within the app for easier navigation, so users can jump to different pastry categories or pages effortlessly;</li><li>The app was tested among different devices in order to check if the UI is consistent;</li><li>The entire process, from the client&apos;s initial request to the final publishing of the app, was streamlined and efficient. This allowed us to complete the project within just <strong>one week</strong>.</li></ul><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>Flutter Engineer;</li><li>CTO.</li></ul><h3 id="%E2%9C%85-outcomes">&#x2705; Outcomes</h3><ul><li>Developed and published both iOS and Android apps within just 1 week;</li><li>Successfully integrated the existing website into a native mobile application;</li><li>Maintained all functionality of the original website while providing the convenience of a mobile app;</li><li>Saved the client significant development time and costs compared to building a custom native application from scratch;</li><li>Provided a seamless shopping experience for ChaiKoffskiy&apos;s customers on mobile devices. </li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2025/02/Chaikoffskiy-Cart--Order-History-Screens--2-.webp" class="kg-image" alt="ChaiKoffskiy: App for Pastry and Tea Shopping" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">ChaiKoffskiy: Cart, Order History Screens</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p><strong>Foundation:</strong></p><ul><li><em>Flutter</em></li><li><em>WebView</em></li></ul><p><strong>Advanced:</strong></p><ul><li><em>Deep Links</em></li></ul><p><strong>Deployment:</strong></p><ul><li><em>GitHub Actions</em></li></ul><h2 id="testimonial">Testimonial</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">Artem and Kiril provided exactly what we needed </em></i>&#x2014;<i><em class="italic" style="white-space: pre-wrap;"> a cost-effective mobile solution that didn&apos;t compromise on quality or user experience. Their recommendation to use WebView integration saved us significant resources while still giving us mobile app experience we wanted. In general our collaboration was flawless.</em></i><br><br><b><strong style="white-space: pre-wrap;">Founder of ChaiKoffskiy</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>The ChaiKoffskiy app is now available on <a href="https://apps.apple.com/us/app/%D1%87%D0%B0%D0%B9%D0%BA%D0%BE%D1%84%D1%84%D1%81%D0%BA%D0%B8%D0%B9/id6741854590?ref=cases.flutter.wtf" rel="noreferrer">App Store</a> and <a href="https://play.google.com/store/apps/details?id=by.chaikoffskiy&amp;ref=cases.flutter.wtf" rel="noreferrer">Google Play</a>. By opting for a WebView-based approach, ChaiKoffskiy was able to launch a fully functional app quickly and efficiently, all while ensuring a seamless user experience that mirrors their website. The result is a warm, user-friendly mobile app that delights customers and drives business growth.</p><p>If you&apos;re looking for efficient mobile solutions that maximize value while minimizing resource expenditure, <a href="#contact" rel="noreferrer">contact</a> What the Flutter today to discover how we can help transform your digital presence.</p>]]></content:encoded></item><item><title><![CDATA[RallyPin: App for Tracking Rally Events]]></title><description><![CDATA[RallyPin is an app designed to enhance the rally spectating experience, making it easier to discover the best viewing spots and stay on top of event schedules.]]></description><link>https://cases.flutter.wtf/rallypin/</link><guid isPermaLink="false">6752066a2cd93b000159b143</guid><category><![CDATA[Entertainment]]></category><category><![CDATA[Google Maps]]></category><category><![CDATA[GPS]]></category><category><![CDATA[Navigation]]></category><category><![CDATA[In-App Purchases]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Mon, 13 Jan 2025 13:13:14 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/12/RallyPin.webp" medium="image"/><content:encoded><![CDATA[<h2 id="%F0%9F%92%BC-client"><strong>&#x1F4BC;</strong>&#xA0;Client</h2><img src="https://cases.flutter.wtf/content/images/2024/12/RallyPin.webp" alt="RallyPin: App for Tracking Rally Events"><p>An Estonian startup founded by father and son, Marti and Joosep, developed <a href="https://www.rallypin.com/?ref=cases.flutter.wtf" rel="noreferrer">RallyPin</a> to transform the rally spectating experience. Inspired by Joosep&#x2019;s motorsport journey and feedback from spectators, the app simplifies event navigation with interactive maps, schedules, and unique routing that avoids rally stages. Initially created to solve a personal challenge, RallyPin is now evolving with exciting new features to attract more fans and enhance rally events. Building on their success, the team is now working on an exciting new app for drivers, set to launch soon.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.rallypin.com/?ref=cases.flutter.wtf"><div class="kg-bookmark-content"><div class="kg-bookmark-title">RallyPin | App for tracking rally events</div><div class="kg-bookmark-description">RallyPin is your ultimate rally companion. Rally app for visiting points, schedules, and participants.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://images.squarespace-cdn.com/content/v1/65c3d2a5292b7c1d62ac60f8/6f469417-c7da-41c8-a933-3e5e3bf4636e/favicon.ico?format=100w" alt="RallyPin: App for Tracking Rally Events"><span class="kg-bookmark-author">RallyPin</span></div></div><div class="kg-bookmark-thumbnail"><img src="http://static1.squarespace.com/static/65c3d2a5292b7c1d62ac60f8/t/65ddca2dc851e57cf2171833/1709034029686/RallyPin.png?format=1500w" alt="RallyPin: App for Tracking Rally Events"></div></a></figure><h2 id="%F0%9F%A6%84-product">&#x1F984; Product</h2><p>RallyPin began as a tool to enhance rally spectating, solving the common challenge of finding the best spots and schedules during events. The app consolidates all essential rally information into one seamless platform, allowing users to explore interactive rally maps, discover viewing areas with pictures, and enjoy one-click navigation powered by a unique algorithm that avoids rally stages.</p><p>Spectators can track live results, access timetables and entrants, and even see the starting times of the first car and their favorite driver during navigation. RallyPin not only elevates the rally experience for fans but also helps organizers engage more spectators by making events more accessible and enjoyable.</p><p>The app operates on a subscription-based model, offering flexible plans such as per rally, 6-month, and 12-month subscriptions, ensuring users can choose what suits them best. The founders actively collaborate with organizations like the Estonian Autosport Union and other key stakeholders to grow the product&apos;s reach and impact, establishing RallyPin as an essential tool for the motorsport community.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/12/RallyPin-Favourite---Filter-screens-1.webp" class="kg-image" alt="RallyPin: App for Tracking Rally Events" loading="lazy" width="2000" height="1901"><figcaption><span style="white-space: pre-wrap;">RallyPin: Favorites &amp; Filter Screens</span></figcaption></figure><h2 id="%F0%9F%99%8F-request">&#x1F64F; Request</h2><p>The client approached us with the idea of creating an app to enhance the rally spectator experience and provided minimal wireframes. The key requirements included:</p><ul><li>Client apps for iOS and Android to ensure accessibility for all users;</li><li>A user-friendly interface with clear navigation, interactive maps, and easy access to event information;</li><li>Features like live results, event schedules, and real-time updates for an immersive spectator experience;</li><li>Integration of a unique navigation algorithm to guide users to viewing points while avoiding rally stages;</li><li>Implementation of a subscription model with flexible pricing options;</li><li>Support for scalability to incorporate future features and expanded functionality post-MVP.</li></ul><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Integrating navigation API to calculate rally-specific navigation routes, ensuring users are guided to viewing points while avoiding rally stages;</li><li>Developing a system for polylines building to visually represent rally routes and navigation paths on interactive maps;</li><li>Creating a reliable system for real-time rally data synchronization, including event schedules, entrant lists, and live results;</li><li>Designing an intuitive and user-friendly UI for exploring interactive maps, accessing event information, and tracking favorite drivers;</li><li>Building a robust subscription management system with support for multiple pricing tiers (per rally, 6-month, and 12-month).</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>Client applications were developed for<strong> iOS</strong> and<strong> Android</strong>, and admin application for <strong>Web.</strong></p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/12/RallyPin-on-dif-devices-1.webp" class="kg-image" alt="RallyPin: App for Tracking Rally Events" loading="lazy" width="2000" height="952"></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>We started with setting up a <a href="https://services.flutter.wtf/hire-dedicated-flutter-developers/?ref=cases.flutter.wtf">dedicated team</a> which includes engineers, designer and a project manager. Following that, our designer finalized the UX/UI design, and the engineers began developing the frontend and backend parts. After the MVP release, the team transitioned to <a href="https://services.flutter.wtf/flutter-app-maintenance/?ref=cases.flutter.wtf" rel="noreferrer">ongoing app maintenance</a> adding new features.</p><p>We held regular weekly meetings with the client to align on goals and to address any issues. Project management included task tracking, milestone setting, and ongoing client communication. </p><p>This approach helped us finish the MVP in <strong>4 months</strong>, delivering a successful product.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>UX/UI Designer;</li><li>2 Full-Stack Engineers;</li><li>Project Manager.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Interactive rally maps;</li><li>Scenic viewing areas with photos;</li><li>Seamless one-tap navigation;</li><li>Smart routing away from rally stages;</li><li>Live timings for the first car and your favorite driver;</li><li>Full event timetables and entrant lists;</li><li>Real-time live results.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/12/RallyPin-Driver-and-Rally-Screens.webp" class="kg-image" alt="RallyPin: App for Tracking Rally Events" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">RallyPin: Driver &amp; Rally Screens</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p><strong>Foundation:</strong></p><ul><li><em>Flutter</em></li><li><em>Hive</em></li><li><em>GPS</em></li><li><em>Google &amp; Apple Sign In</em></li><li><em>Phone Number Sign In</em></li><li><em>Email Sign In</em></li></ul><p><strong>Backend:</strong></p><ul><li><em>Firebase</em></li></ul><p><strong>Architecture:</strong></p><ul><li><em>BLoC/Cubit</em></li><li><em>Clean Architecture</em></li></ul><p><strong>Advanced:</strong></p><ul><li><em>Deep Links</em></li><li><em>In-app Purchases</em></li></ul><p><strong>Deployment:</strong></p><ul><li><em>GitHub CI/CD</em></li></ul><p><strong>Integrations:</strong></p><ul><li><em>Google Maps</em></li><li><em>Navigation API</em></li></ul><h2 id="testimonial">Testimonial</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&quot;Creating RallyPin started as just an idea sparked by my love for motorsport. We had a vision but didn&#x2019;t know how to bring it all together, especially with tricky features like routing and navigation. Engineering team of What the Flutter made it happen. Ivan, Alesia, and Kate worked closely with us, keeping us in the loop every step of the way. Now, we have an app we&#x2019;re proud of, and we&#x2019;re excited to keep collaborating as we grow RallyPin further!&quot;</em></i><br><br><b><strong style="white-space: pre-wrap;">Joosep, Founder of RallyPin</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>You can explore the RallyPin app on <a href="https://apps.apple.com/us/app/rallypin/id6476567182?ref=cases.flutter.wtf" rel="noreferrer">App Store</a> and <a href="https://play.google.com/store/apps/details?id=com.jpr.rally_guide_client&amp;ref=cases.flutter.wtf" rel="noreferrer">Google Play</a>. </p><p>Working on RallyPin has been an exciting journey for our team. Marti and Joosep came to us with a clear vision and a passion. Together, we turned that vision into a user-friendly app that rally fans can rely on. From building custom navigation routes to ensuring real-time updates, every feature was designed with the user in mind.</p><p>Delivering the MVP in just four months was a team effort, and seeing the app in action during live events has been incredibly rewarding. We&#x2019;re thrilled to be part of RallyPin&#x2019;s story and can&#x2019;t wait to see how it grows and evolves. </p><p>If you have an idea for a similar app or just a concept for any app, <a href="#contact" rel="noreferrer">contact What the Flutter</a>. Start your project with us today and see how we can bring your vision to life!</p>]]></content:encoded></item><item><title><![CDATA[Furniture Shopping: All Your Home Needs in One App]]></title><description><![CDATA[Furniture shopping app designed for browsing, customizing, and purchasing home decor items with features like AR visualization and personalized recommendations.]]></description><link>https://cases.flutter.wtf/furniture-shopping-app/</link><guid isPermaLink="false">66b522ab8bf67a0001b79c09</guid><category><![CDATA[Marketplace]]></category><category><![CDATA[Retail]]></category><category><![CDATA[AR]]></category><category><![CDATA[Payment Gateway]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Thu, 19 Sep 2024 10:44:42 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/09/Furniture-Shopping-App-1-2.webp" medium="image"/><content:encoded><![CDATA[<h2 id="%F0%9F%92%BC-client"><strong>&#x1F4BC;</strong>&#xA0;Client</h2><img src="https://cases.flutter.wtf/content/images/2024/09/Furniture-Shopping-App-1-2.webp" alt="Furniture Shopping: All Your Home Needs in One App"><p>This&#xA0;UK-based&#xA0;startup in the furniture and home d&#xE9;cor&#xA0;industry, founded by a group of design and&#xA0;technology&#xA0;enthusiasts, aims&#xA0;to&#xA0; revolutionize&#xA0;the home shopping experience. The team, with backgrounds in interior design and e-commerce, gathered together with a shared vision: to make home styling more accessible, personalized, and enjoyable for modern consumers. </p><h2 id="%F0%9F%A6%84-product">&#x1F984; Product</h2><p>The product is a furniture shopping app where customers can easily browse, compare prices, read reviews, and make purchases directly from their phones. The app includes features like virtual room setups, personalized recommendations, and exclusive online deals. </p><p>The app is designed for city dwellers, young professionals, families, and anyone looking to furnish their homes online. It also serves furniture manufacturers and retailers seeking a broader audience.</p><p>The start-up collaborates with local furniture stores to digitize their inventory and integrate it into the app. The stores&#xA0;pay&#xA0;a commission to start-up for each sale made through the app,&#xA0;which is&#xA0;beneficial&#xA0;for both parties.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/09/Furniture-Shopping-App-2-2.webp" class="kg-image" alt="Furniture Shopping: All Your Home Needs in One App" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">Furniture Shopping App: AR Room Screens</span></figcaption></figure><h2 id="%F0%9F%99%8F-request">&#x1F64F; Request</h2><p>The client approached us with a pressing need to address the technical problems of their existing mobile app. Due to their growing user base, they faced significant technical challenges. Users frequently reported performance issues such as the app being slow and crashing often, which was damaging their reputation and customer retention. They asked us to:</p><ul><li>Conduct a thorough technical audit to pinpoint the root causes of the app&apos;s performance problems;</li><li>Provide a detailed report outlining the critical issues and recommending practical solutions.</li></ul><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>The app had slow loading times and frequently froze;</li><li>The AR module was initialized multiple times, leading to crashes due to conflicting or redundant processes;</li><li>In some cases, API calls&#xA0;threw an exception,&#xA0;and it was necessary to&#xA0;determine&#xA0;the cause of&#xA0;the&#xA0;problem;</li><li>Certain areas of the app were not adequately securing user data, posing potential risks;</li><li>The app had inconsistent behavior across different devices and operating systems.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>Client applications were developed for<strong> iOS</strong> and<strong> Android</strong>, and admin applications for <strong>Web</strong> for the retailer to manage inventory, track orders, and interact with customers.</p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/09/Furniture-Shopping-App-3-1.webp" class="kg-image" alt="Furniture Shopping: All Your Home Needs in One App" loading="lazy" width="2000" height="952"></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>We performed a <a href="https://services.flutter.wtf/technical-audit?ref=cases.flutter.wtf" rel="noreferrer">technical audit</a> to find and understand the root causes of technical issues that client had. Our audit included performance testing, code review, and system integration analysis. We provided the client with a detailed report outlining the problems and recommended solutions. The client decided to fix the issues themselves based on our report.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>Chief Technology Officer;</li><li>Flutter Engineer.</li></ul><h3 id="%F0%9F%A7%A9-outcomes">&#x1F9E9; Outcomes</h3><ul><li>Pinpointed areas in the code causing slow loading times and app freezing;</li><li>Identified specific sections of code and third-party integrations responsible for app crashes;</li><li>Documented the causes of exceptions in API calls and potential areas for improvement;</li><li>Highlighted sections of the app where user data security is inadequate, outlining potential risks;</li><li>Identified discrepancies in app behavior across various devices and operating systems, with recommendations for standardizing the user experience to enhance usability and support scalability;</li><li>A detailed report identifying all the issues and bugs with recommendations on how to fix them.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/09/Furniture-Shopping-App-4-1.webp" class="kg-image" alt="Furniture Shopping: All Your Home Needs in One App" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">Furniture Shopping App: AR Room Screens</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p><strong>Foundation:</strong></p><ul><li><em>Flutter</em></li><li><em>Dart</em></li></ul><p><strong>Architecture:</strong></p><ul><li><em>Modular Approach</em></li></ul><p><strong>Advanced:</strong></p><ul><li><em>Push Notifications</em></li><li><em>ARKit/ARCore</em></li></ul><p><strong>Integrations:</strong></p><ul><li><em>E-commerce APIs</em></li><li><em>Payment Gateways</em></li></ul><h2 id="testimonial">Testimonial</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&quot;In the early stages of our startup, we prioritized speed over deep refactoring and audits. However, as our user base began to grow, we started experiencing app performance issues. After coming across an expert article from What the Flutter about Flutter app crashes, we asked to conduct a technical audit of our app. We&#x2019;re really happy with how things turned out. CTO, Kiril, spotted some key areas where we could improve, and now we&#x2019;ve got a list of tasks lined up to help make our app perform even better.&quot;</em></i><br><br><b><strong style="white-space: pre-wrap;">NDA Company, United Kingdom</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>Our technical audit equipped the client with a detailed and actionable plan to address the app&apos;s performance and stability challenges. The report featured recommendations for code optimization, architectural adjustments, UX/UI enhancements, and highlighted other potential areas for improvement. Following the audit, the client opted to implement all the identified solutions internally, guided by our Chief Technology Officer&apos;s <a href="https://services.flutter.wtf/hire-flutter-expert/?ref=cases.flutter.wtf" rel="noreferrer">expert consulting</a>. </p><p>If your app is facing similar issues or you need a detailed technical audit, contact What the Flutter through the contact form below.</p>]]></content:encoded></item><item><title><![CDATA[Pizza Aggregator: All Local Restaurants in One App]]></title><description><![CDATA[Pizza aggregator designed to combine all local pizzerias with the ability to compare menus, place orders, and to help restaurant owners attract more customers.]]></description><link>https://cases.flutter.wtf/pizza-aggregator-app/</link><guid isPermaLink="false">66a3aa1b8bf67a0001b79ae9</guid><category><![CDATA[FoodTech]]></category><category><![CDATA[Marketplace]]></category><category><![CDATA[GPS]]></category><category><![CDATA[Payment Gateway]]></category><category><![CDATA[Secure Transactions]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Mon, 16 Sep 2024 15:04:41 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/09/Pizza-Aggregator-1-1.webp" medium="image"/><content:encoded><![CDATA[<h2 id="%F0%9F%92%BC-client"><strong>&#x1F4BC;</strong>&#xA0;Client</h2><img src="https://cases.flutter.wtf/content/images/2024/09/Pizza-Aggregator-1-1.webp" alt="Pizza Aggregator: All Local Restaurants in One App"><p>A startup founded by two co-chefs of a local pizzeria developed an app to improve their restaurant operations, including choosing pizza process, order management and delivery tracking. Initially planned for personal use, the client decided to transform the app into a full-fledged aggregator, and it was designed with scalability, already integrating multiple local restaurants.</p><h2 id="%F0%9F%A6%84-product">&#x1F984; Product</h2><p>The product started as a pizza delivery app for a single pizzeria, but growing demand transformed it into a full-fledged aggregator, where users can browse, compare, and order pizza from various local restaurants in one place. </p><p>This increased the visibility of local businesses and gave customers the convenience of ordering from multiple restaurants at once. The start-up&#x2019;s business model involved taking a percentage from each order placed with participating pizzerias. </p><p>A standout feature of the platform is its extensive customization options for pizza orders, offering more personalization compared to competitors like UberEats and Bolt Food.</p><h2 id="%F0%9F%99%8F-request">&#x1F64F; Request</h2><p>The client had contacted us with a set of technical requirements for creating an application from scratch. Here were the key points we needed to address:</p><ul><li>Client apps for iOS and Android, plus an admin panel for Web to manage orders and customer interactions;</li><li>A user-friendly interface that allows for pizza customization and offers personalized recommendations based on user preferences;</li><li>Seamless integration with existing Order Management Systems (OMS) via API, with scalability to support multiple restaurants (post-MVP phase).</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/09/Pizza-Aggregator-2-1.webp" class="kg-image" alt="Pizza Aggregator: All Local Restaurants in One App" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">Pizza Aggregator: Pizza Hut Screens</span></figcaption></figure><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Creating a unified system for receiving and processing orders&#xA0;by&#xA0; integrating&#xA0;with the Order Management System (OMS)&#xA0;through&#xA0;API;</li><li>Implement geolocation services to show users the nearest pizzerias, delivery zones, and current order tracking;</li><li>Develop an algorithm that provides personalized pizza recommendations based on user preferences;</li><li>Implement push and live notifications to inform users about order status updates, special offers, and new pizzeria listings;</li><li>Create&#xA0;a user-friendly UI for choosing and&#xA0;customizing&#xA0;pizzas;</li><li>Develop a convenient admin panel for businesses to help with managing user data on web and desktop.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>Client applications were developed for<strong> iOS</strong> and<strong> Android</strong>, and admin applications for <strong>Web.</strong></p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/09/Pizza-Aggregator-4-1.webp" class="kg-image" alt="Pizza Aggregator: All Local Restaurants in One App" loading="lazy" width="2000" height="952"></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>We started with setting up a <a href="https://services.flutter.wtf/hire-dedicated-flutter-developers/?ref=cases.flutter.wtf">dedicated team</a> which includes a designer, engineers and a project manager. Following that, our designer finalized the UX/UI design, and the engineers began developing the frontend and backend components. After MVP release, the team started working on integration part in order to to support multiple restaurants in one app.</p><p>We held regular planning meetings with the client to align on goals and used weekly retrospectives to address any issues. Project management included task tracking, milestone setting, and ongoing client communication. </p><p>This approach helped us finish both the MVP frontend and backend in <strong>4 months</strong>, delivering a successful product.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>UX/UI Designer;</li><li>2 Flutter Engineers;</li><li>Backend Engineer;</li><li>Project Manager.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Convenient&#xA0;pizza selection and&#xA0;customizable&#xA0;ingredients;</li><li>Order history and real-time order tracking;</li><li>Personalized recommendations;</li><li>The ability to edit, delete orders, and view analytics&#xA0;for&#xA0;them;</li><li>Browsing local pizzerias and their menus;</li><li>Comparison of menu items in different restaurants;</li><li>Exclusive deals and promotions.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/09/Pizza-Aggregator-3-1.webp" class="kg-image" alt="Pizza Aggregator: All Local Restaurants in One App" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">Pizza Aggregator: Your Cart Screens</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p><strong>Foundation:</strong></p><ul><li><em>Flutter</em></li><li><em>Hive</em></li><li><em>GPS</em></li><li><em>Google &amp; Apple Sign In</em></li></ul><p><strong>Backend:</strong></p><ul><li><em>Typescript</em></li><li><em>Nest.js</em></li><li><em>Docker</em></li><li><em>PostgreSQL</em></li></ul><p><strong>Architecture:</strong></p><ul><li><em>BLoC/Cubit</em></li><li><em>Clean Architecture</em></li><li><em>Module Approach</em></li></ul><p><strong>Advanced:</strong></p><ul><li><em>Push Notifications</em></li><li><em>Deep Links</em></li><li><em>Payment Gateways</em></li></ul><p><strong>Deployment:</strong></p><ul><li><em>GitHub Actions</em></li><li><em>Digital Ocean</em></li></ul><p><strong>Integrations:</strong></p><ul><li><em>Google Maps</em></li><li><em>OMS API</em></li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/09/Pizza-Aggregator-5.webp" class="kg-image" alt="Pizza Aggregator: All Local Restaurants in One App" loading="lazy" width="971" height="1960"><figcaption><span style="white-space: pre-wrap;">Pizza Aggregator: Delivery Screen</span></figcaption></figure><h2 id="testimonial">Testimonial</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&quot;Working with What the Flutter was a great experience. They turned our idea into the app that changed how customers order pizza. We faced some challenges with integrating external systems, but the team handled them well. The integration with local pizzerias became an additional&#xA0;revenue stream for us and what is more, it made our business more diversified. Special thanks to Ivan and Maksim. They were both easygoing and always ready to help us work through any issues, which made the whole project more manageable.&quot;</em></i><br><br><b><strong style="white-space: pre-wrap;">NDA Company</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>Close collaboration with the client helped us to successfully implement all the desired features. We continue to support the app by refining its features, responding to user feedback, and adding new functionalities. Our focus goes beyond enhancing the app&apos;s user experience and features; we are equally committed to supporting our client&apos;s business objectives and driving key performance metrics.</p><p>If you have an idea for a similar app or just a concept for any app, <a href="#contact" rel="noreferrer">contact What the Flutter</a>. Start your project with us today and see how we can bring your vision to life!</p>]]></content:encoded></item><item><title><![CDATA[Agirsaglam: Athlete's Career App]]></title><description><![CDATA[Ağırsağlam is a premier fitness and coaching app in Turkey, uniquely offering interactive muscle diagrams and TikTok-style video feeds to enhance your workout experience.]]></description><link>https://cases.flutter.wtf/agirsaglam/</link><guid isPermaLink="false">664c7a3e8bf67a0001b79913</guid><category><![CDATA[HealthTech]]></category><category><![CDATA[Interactive Charts]]></category><category><![CDATA[In-App Purchases]]></category><category><![CDATA[Payment Gateway]]></category><category><![CDATA[Video Streaming]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Mon, 03 Jun 2024 12:24:50 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/05/Agirsaglam.webp" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction </h2><h3 id="%F0%9F%92%BC-client">&#x1F4BC; Client</h3><img src="https://cases.flutter.wtf/content/images/2024/05/Agirsaglam.webp" alt="Agirsaglam: Athlete&apos;s Career App"><p><a href="https://www.agirsaglam.com/?ref=cases.flutter.wtf" rel="noreferrer">A&#x11F;&#x131;rsa&#x11F;lam</a> is a premier fitness and coaching brand in Turkey, known for integrating a passion for sports with scientific expertise. They provide top-notch coaching services and fitness products, boasting a wealth of resources including over 500 YouTube videos, 100 unique articles, and numerous publications. Their mission is to simplify complex sports concepts, making fitness accessible and efficient for everyone, while continuously raising the standard of coaching in the industry.</p><h3 id="%F0%9F%99%8F-request"> &#x1F64F; Request</h3><p>The client approached us with an established app that had a significant user base and its own history. The app&#xA0;became&#xA0;outdated and&#xA0;required:&#xA0;</p><ul><li>Updating&#xA0;the app to the latest versions of&#xA0;the&#xA0;libraries and Flutter;</li><li>Developing&#xA0;new, complex features;</li><li>Regular maintenance and updates to&#xA0;keep&#xA0;up&#xA0;with the latest&#xA0;standards.</li></ul><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>Client&apos;s target audience includes fitness enthusiasts, bodybuilding and powerlifting athletes, beginners seeking guidance, and individuals aiming for a healthier lifestyle. They also attract students and professionals in sports science who value scientifically-backed fitness advice and practical workout routines.</p><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Update all repositories, which were scattered across various projects within a single repository, to the latest Flutter version;</li><li>Develop a Notion-based solution integrated with Firebase and mobile apps;</li><li>Implement smooth and fast short video playback on Flutter, similar to TikTok;</li><li>Create an interactive body with selectable muscle groups, allowing users to navigate to a detailed page for each muscle group.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>The app was initially developed for <strong>iOS </strong>and<strong> Android</strong>, but the client plans to scale by adding a <strong>Web version</strong> of some app features to their website.</p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/06/Agirsaglam-on-dif-devices.webp" class="kg-image" alt="Agirsaglam: Athlete&apos;s Career App" loading="lazy" width="2000" height="952"></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><ol><li>We initiated a <a href="https://services.flutter.wtf/technical-audit/?ref=cases.flutter.wtf" rel="noreferrer">technical audit</a> of the existing app in order to dive deeper into the project documentation and get clear vision regarding the things that could be updated within the app;</li><li>We offered to update all the packages, libraries within the app to the latest versions;</li><li>After gathering client&apos;s requirements and wishes for new features we implemented an Agile process, which included regular planning, syncing, and retrospective meetings;</li><li>We customized a Kanban board specifically for this project. The client could directly add desired features to the board, see estimated hours and actual spent hours on each task. This approach ensured transparency, allowing the client to track all stages from development to release. </li></ol><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>2 Full-Stack Flutter Engineer;</li><li>Chief Technology Officer;</li><li>Project Manager.</li></ul><h3 id="%E2%9C%85-outcomes">&#x2705; Outcomes</h3><ul><li>The app was updated to the latest version;</li><li>The following new features were developed:<ul><li>An interactive body diagram with selectable muscle groups, allowing users to navigate to detailed pages for each group;</li><li>A video feed similar to TikTok for easy browsing of short fitness videos;</li><li>Dedicated pages for detailed exercise techniques;</li><li>Integration with Notion for content management;</li><li>Exercise filtering options on the search page;</li><li>Full app functionality in airplane mode;</li></ul></li><li>We continue to provide the client with regular app maintenance and updates.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/05/Agirsaglam-cns-and-serach.webp" class="kg-image" alt="Agirsaglam: Athlete&apos;s Career App" loading="lazy" width="1053" height="1000"><figcaption><span style="white-space: pre-wrap;">A&#x11F;&#x131;rsa&#x11F;lam: CNS Fatigue Page, Search Page</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p>Foundation:</p><ul><li><em>Flutter</em></li><li><em>Material Design</em></li><li><em>Animations</em></li><li><em>Google &amp; Apple Sign In</em></li></ul><p>Backend:</p><ul><li><em>Realtime Database</em></li><li><em>Notion.so</em></li></ul><p>Architecture:</p><ul><li><em>BLoC / Cubit</em></li><li><em>Clean Architecture</em></li></ul><p>Firebase:</p><ul><li><em>Crashlytics</em></li><li><em>Remote Config</em></li><li><em>Analytics</em></li><li><em>Firestore</em></li><li><em>Realtime Database</em></li><li><em>Authentication</em></li></ul><p>Advanced:</p><ul><li><em>Interactive Charts</em></li><li><em>Push Notifications</em></li><li><em>Deep Links</em></li><li><em>Feature Flags</em></li><li><em>In-app Purchases</em></li><li><em>Payment Gateway</em></li><li><em>Camera</em></li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/05/Agirsaglam-Body-Screen.webp" class="kg-image" alt="Agirsaglam: Athlete&apos;s Career App" loading="lazy" width="416" height="867"><figcaption><span style="white-space: pre-wrap;">A&#x11F;&#x131;rsa&#x11F;lam: Interactive Body Page</span></figcaption></figure><h2 id="testimonial">Testimonial</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">We faced some challenges when updating our app and integrated new features,</em></i> <i><em class="italic" style="white-space: pre-wrap;">especially with ensuring smooth video loading and caching, and incorporating vector graphics, but the What the Flutter team handled everything with expertise and dedication. They communicated clearly and kept us involved throughout the process. </em></i><br><br><b><strong style="white-space: pre-wrap;">Furkan Kaya, CEO of A&#x11F;&#x131;rsa&#x11F;lam </strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>You can explore the enhanced A&#x11F;&#x131;rsa&#x11F;lam app on <a href="https://apps.apple.com/tr/app/a%C4%9F%C4%B1rsa%C4%9Flam-hesaplay%C4%B1c%C4%B1/id1580231861?l=tr&amp;ref=cases.flutter.wtf" rel="noreferrer">App Store</a> and <a href="https://play.google.com/store/apps/details?id=com.lightweight.calculator&amp;ref=cases.flutter.wtf" rel="noreferrer">Google Play</a>. We successfully addressed all of A&#x11F;&#x131;rsa&#x11F;lam&apos;s needs by updating and maintaining their existing app, integrating new features, and ensuring smooth functionality across platforms. We continue to maintain the app, add new functionalities, and support the client.</p><p>If you&#x2019;re looking to update your mobile app with expert development and cutting-edge features, <a href="https://flutter.wtf/?ref=cases.flutter.wtf#contact">contact What the Flutter</a> today to see how we can transform your ideas into reality.</p>]]></content:encoded></item><item><title><![CDATA[Lifely: Secure Timeline Diary]]></title><description><![CDATA[Lifely is a secure timeline diary that allows to track achievements, significant memories, milestones and other important moments in a simple and convenient form of a single timeline.]]></description><link>https://cases.flutter.wtf/lifely/</link><guid isPermaLink="false">661935068bf67a0001b79106</guid><category><![CDATA[Productivity]]></category><category><![CDATA[Custom Paint]]></category><category><![CDATA[Google Maps]]></category><category><![CDATA[GPS]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Thu, 02 May 2024 22:40:41 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_1.webp" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction </h2><h3 id="%F0%9F%92%BC-client">&#x1F4BC; Client</h3><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_1.webp" alt="Lifely: Secure Timeline Diary"><p>Sheep Apps, a small product company based in the United States, specializes in creating mobile applications that address real user needs.</p><h3 id="%F0%9F%A6%84-product">&#x1F984; Product</h3><p>Lifely addresses the lack of a convenient solution for storing important life moments and facilitating interactive retrospection. With its interactive features, the app allows users to track their life timeline and understand how events have shaped their journey. It enables easy capturing of significant moments, organizing them chronologically. </p><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>Lifely is aimed at users aged 16-45 who tend to document and organize everything in their lives, who value privacy and wish to document their achievements, memories, and personal milestones securely.</p><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Design a clear and intuitive UX/UI so users can understand what to do from the first seconds;</li><li>Develop a timeline with custom rendering of events and dates, scrolling and zooming features; </li><li>Implement a real-time data synchronization that works in parallel with offline mode and strong encryption;</li><li>Create the ability to quickly export/import data so users can easily save and transfer their events and stories.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>The app was developed for <strong>Android</strong>, <strong>iOS</strong> and <strong>Web </strong>platforms to accommodate broader user access.</p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/04/Lifely-Different-Devices.webp" class="kg-image" alt="Lifely: Secure Timeline Diary" loading="lazy" width="2000" height="952"></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>The project process began with understanding the client&apos;s idea, followed by preparing user flows and wireframes to visualize the concept. Once the design of the Minimum Viable Product (MVP) was finalized, we negotiated the feature list and deadlines with the client. Development of the MVP ensued, followed by thorough testing to ensure functionality and usability. Iterative improvements were then made based on feedback received, ensuring that the final product met both client expectations and user needs. The development timeline was <strong>3 months. </strong></p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>UX/UI Designer;</li><li>Backend Engineer;</li><li>2 Flutter Engineers; </li><li>Project Manager.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Interactive timeline with zoom and scroll;</li><li>Gallery of photos and locations;</li><li>Lots of custom user preferences;</li><li>Life statistics of interesting facts and insights;</li><li>Export / import of data to *.lifely format;</li><li>Strong data encryption for events and stories;</li><li>Offline mode and cloud synchronyzation;</li><li>Dark and light app themes.</li></ul><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/Lifely-Application-Theme.webp" class="kg-image" alt="Lifely: Secure Timeline Diary" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">Lifely: Light and Dark Theme</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p>Foundation:</p><ul><li><em>Flutter</em></li><li><em>SQLite</em></li><li><em>Hive</em></li><li><em>GPS</em></li><li><em>Google &amp; Apple Auth</em></li></ul><p>Backend:</p><ul><li><em>Firebase</em></li><li><em>PostgreSQL</em></li><li><em>Socket.io</em> </li></ul><p>Architecture:</p><ul><li><em>BLoC / Cubit</em></li><li><em>Clean Architecture</em></li></ul><p>Advanced:</p><ul><li><em>In-app Purchases</em></li><li><em>Custom Paint</em></li></ul><p>Deployment:</p><ul><li><em>GitLab CI</em></li></ul><p>Integrations:</p><ul><li><em>Google Maps</em></li></ul><p></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/Lifely-premium-feature.webp" class="kg-image" alt="Lifely: Secure Timeline Diary" loading="lazy" width="2000" height="2000"><figcaption><span style="white-space: pre-wrap;">Lifely: Premium Screen</span></figcaption></figure><h2 id="testimonial">Testimonial</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&quot;We have been working with What the Flutter for a long, and these guys have never let us down. Professional approach to work, precise deadlines management and top-notch engineering skills!&#xBB; </em></i><br><br><b><strong style="white-space: pre-wrap;">Sheep Apps Inc., United States</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>We&apos;ve effectively created the app, accessible through the following link on both the <a href="https://apps.apple.com/us/app/lifely-timeline-maker-journal/id1579863000?ref=cases.flutter.wtf" rel="noreferrer">App Store</a> and <a href="https://play.google.com/store/apps/details?id=com.sheepapps.lifely&amp;hl=en_US&amp;ref=cases.flutter.wtf" rel="noreferrer">Google Play</a>, what is more it is available in <a href="https://lifely-app.sheep-apps.com/?ref=cases.flutter.wtf" rel="noreferrer">Web Version</a>. Lifely stands out for its emphasis on security and a personalized user experience, successfully fulfilling the need for a secure digital space to document personal life stories. This initiative highlights the importance of prioritizing user privacy in app development.</p><p>Inspired by Lifely? <a href="https://flutter.wtf/?ref=cases.flutter.wtf#contact" rel="noreferrer">Contact What the Flutter</a> for top-tier app development services tailored to ensure privacy and user satisfaction. Elevate your app ideas with our expertise. Start your project with us today at What the Flutter.</p><figure class="kg-card kg-image-card"><img src="https://cases.flutter.wtf/content/images/2024/04/Lifely-example.webp" class="kg-image" alt="Lifely: Secure Timeline Diary" loading="lazy" width="2000" height="1481"></figure>]]></content:encoded></item><item><title><![CDATA[Yasha: Uber-like Taxi Service]]></title><description><![CDATA[Yasha is an uber-like taxi application with cheap prices and quick ordering that allows to create usual and recurring orders, plan trips for a specific time and select cars of different types.]]></description><link>https://cases.flutter.wtf/yasha/</link><guid isPermaLink="false">661935198bf67a0001b7910a</guid><category><![CDATA[Transportation]]></category><category><![CDATA[Animation]]></category><category><![CDATA[GPS]]></category><category><![CDATA[Payment Gateway]]></category><category><![CDATA[Secure Transactions]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Tue, 30 Apr 2024 07:21:00 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_3.webp" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction</h2><h3 id="%F0%9F%92%BC-client">&#x1F4BC; Client</h3><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_3.webp" alt="Yasha: Uber-like Taxi Service"><p>Fixline LLC, a mid-sized Ukranian transport company, operates several taxi services across Eastern Europe and sought to develop an Uber-like application, Yasha, aimed at streamlining and enhancing the efficiency of their services.</p><h3 id="%F0%9F%A6%84-product">&#x1F984; Product</h3><p>Commonly used taxi services often lack the versatility needed to meet the diverse needs of Eastern European markets, where local priorities differ. This app addresses this issue by offering customizable features tailored to enhance user experience in these regions.</p><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>Yasha&apos;s main focus is on young locals in urban Eastern European areas, providing them with fast and economical transportation solutions. The app caters specifically to this demographic by offering services in local languages and incorporating features aimed at fostering user loyalty. </p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__Yasha-dif-devices-1.webp" class="kg-image" alt="Yasha: Uber-like Taxi Service" loading="lazy" width="2000" height="952"></figure><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Build custom maps with Google APIs integration, beautiful animations and GPS connection;</li><li>Develop an algorithm that determines a user address based on raw coordinates and the internal OSM-database;</li><li>The importance of integrating with local payment providers for each country;</li><li>Develop an algorithm that searches the best drivers based on user preferences, location ratings and price;</li><li>Create an API that integrates partner taxi services so that Yasha can send unprocessed orders to them.</li></ul><h3 id="%F0%9F%96%8C-design">&#x1F58C; Design</h3><p>In the design phase, our task was to make ordering a taxi as easy as possible. The client wanted users to be able to do it in just two clicks. So, we set up the app to remember their past trips and filled in the details for them. We also made sure that the default option was the standard fare. This means users only need to type in their destination and hit &quot;order.&quot; We successfully accomplished this task, enhancing the user experience and facilitating quick and seamless bookings.</p><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>Since the main method for booking taxis is through mobile apps, the customer opted to develop client versions for both <strong>Android</strong> and <strong>iOS</strong> to ensure wide accessibility. In&#xA0;addition,&#xA0;there were solutions&#xA0;on the <strong>Web</strong>&#xA0;to manage the&#xA0;entire&#xA0;app&apos;s&#xA0;business logic,&#xA0;including a&#xA0;dispatcher and&#xA0;an admin&#xA0;app.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__Yasha-Screens-1.webp" class="kg-image" alt="Yasha: Uber-like Taxi Service" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">Yasha: Home Screen and Order Screen</span></figcaption></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>We utilized an agile project management approach during the development phase, which enable us to conduct flexible and iterative testing and make improvements as needed. What is more, it allows us to respond promptly to technical challenges and integration needs. The development timeline was <strong>4 months</strong>.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>UX/UI Designer;</li><li>2 Backend Engineers;</li><li>3 Flutter Engineers;</li><li>Project Manager.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Client, driver, dispatcher and manager apps;</li><li>Ability to create orders with specific preferences;</li><li>Search for the most optimal routes for a client;</li><li>Phone number authentication, user profiles;</li><li>Built-in navigation for the driver application;</li><li>Ability to leave ratings for both parties;</li><li>Integration with payment-gateway solutions;</li><li>Car motion animation rendered on the map.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/05/Yasha-order.webp" class="kg-image" alt="Yasha: Uber-like Taxi Service" loading="lazy" width="416" height="866"><figcaption><span style="white-space: pre-wrap;">Yasha: Order Screen</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p>Foundation: </p><ul><li><em>Flutter</em></li><li><em>GPS</em></li><li><em>Phone Number Auth</em></li></ul><p>Backend: </p><ul><li><em>PostgreSQL</em></li><li><em>Nginx</em></li><li><em>Firebase</em></li><li><em>Socket.io </em></li></ul><p>Architecture:</p><ul><li><em>BloC</em></li><li><em>Module Approach</em></li><li><em>Clean Architecture</em></li></ul><p>Advanced: </p><ul><li><em>Native Layer</em></li><li><em>Payment Gateway</em></li><li><em>Background Work</em></li></ul><p>Integrations:</p><ul><li><em>Navigation</em></li><li><em>Google Maps </em></li><li><em>Open Street Maps</em></li></ul><h2 id="testimonial">Testimonial</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&quot;We are grateful to What the Flutter for successfully delivering such a large project for our company. Special thanks to the CTO Kiril for managing resources effectively and ensuring cost-efficient features.&quot; </em></i><br><br><b><strong style="white-space: pre-wrap;">Fixline LLC</strong></b>,<b><strong style="white-space: pre-wrap;"> Ukraine</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>The app is now available for download on both the <a href="https://apps.apple.com/us/app/id1478720990?ref=cases.flutter.wtf" rel="noreferrer">App Store</a> and <a href="https://play.google.com/store/apps/details?id=com.sheepapps.yasha&amp;hl=en&amp;gl=US&amp;ref=cases.flutter.wtf" rel="noreferrer">Google Play</a>. Simply follow the link provided to see results of our work. The transition to the support phase was smooth, indicating a successful initial launch and adoption. The project highlighted the importance of agile practices and close collaboration with the client to adapt features and functionalities to user needs and market demands. </p><p>If you&apos;re looking to develop a robust and user-friendly app, consider <a href="https://flutter.wtf/?ref=cases.flutter.wtf" rel="noreferrer">What the Flutter</a> for your project. Our expertise in delivering tailored solutions can help elevate your business. <a href="https://flutter.wtf/?ref=cases.flutter.wtf#contact" rel="noreferrer">Contact us</a> today!</p><figure class="kg-card kg-image-card"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__Yasha-example-1.webp" class="kg-image" alt="Yasha: Uber-like Taxi Service" loading="lazy" width="2000" height="1481"></figure>]]></content:encoded></item><item><title><![CDATA[ESP: AI English Speaking Practice]]></title><description><![CDATA[AI English Speaking Practice app was developed for English-learners to improve their speaking skills through personalized sessions, comments and user ratings. ]]></description><link>https://cases.flutter.wtf/esp/</link><guid isPermaLink="false">661935418bf67a0001b7910e</guid><category><![CDATA[EdTech]]></category><category><![CDATA[Machine Learning]]></category><category><![CDATA[AI]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Wed, 24 Apr 2024 10:44:00 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_8.webp" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction</h2><h3 id="%F0%9F%92%BC-client">&#x1F4BC; Client</h3><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_8.webp" alt="ESP: AI English Speaking Practice"><p>Sheep Apps, a small product company based in the United States, specializes in creating mobile applications that address real user needs.</p><h3 id="%F0%9F%A6%84-product">&#x1F984; Product</h3><p>The challenge was to provide a practical tool for English learners to actively practice and enhance their speaking skills using their existing vocabulary and grammar knowledge.</p><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>ESP is an application for English-learners, who already have some knowledge of grammar, words and expressions, but want to practice their spoken language using all of these skills.</p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__ESP-dif-devices-1.webp" class="kg-image" alt="ESP: AI English Speaking Practice" loading="lazy" width="2000" height="952"></figure><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li><strong>AI speech analysis: </strong>A major hurdle was to develop an AI model that could analyze user speech and assign scores based on fluency, accuracy, and other criteria;</li><li><strong>Audio features in Flutter</strong>: Implementing audio recording and listening features in Flutter posed challenges in ensuring the functionalities worked swiftly and efficiently;</li><li><strong>Advanced analytics</strong>: Creating a robust analytics system was crucial for understanding detailed user interactions within the application, requiring sophisticated data processing capabilities;</li><li><strong>Interactive animation</strong>: Developing the Magic Circle animation that reacts to the nuances of user speech according to specific criteria demanded intricate animation skills and precise programming.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>The application was developed for both <strong>Android</strong> and <strong>iOS</strong> platforms, ensuring broad accessibility for mobile users.</p><h2 id="solutions">Solutions</h2><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__ESP-Screens.webp" class="kg-image" alt="ESP: AI English Speaking Practice" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">ESP: Practice Screen and Results Screen</span></figcaption></figure><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>Upon receiving the client&apos;s initial concept, our process began with&#xA0;creating&#xA0;wireframes to&#xA0;visually represent&#xA0;the idea.&#xA0;After&#xA0;this, we&#xA0;moved on&#xA0;to&#xA0;designing&#xA0;the interface,&#xA0;obtaining&#xA0;approval from the client before&#xA0;going&#xA0;through&#xA0;several&#xA0;rounds of refinement.&#xA0;When&#xA0;the design was&#xA0;finished, we&#xA0;moved&#xA0;into the development phase,&#xA0;focusing on&#xA0;essential features for the Minimum Viable Product (MVP). The development timeline was <strong>2 months</strong>.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>UX/UI Designer;</li><li>Back-end Engineer;</li><li>2 Flutter Engineers;</li><li>Data Scientist;</li><li>Project Manager.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Magic Circle animation that reacts to user speech;</li><li>Possibility to write a comment under each speech;</li><li>History of speeches with the ability to redo them;</li><li>Comparing user ratings with AI ratings.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/05/ESP.webp" class="kg-image" alt="ESP: AI English Speaking Practice" loading="lazy" width="416" height="867"><figcaption><span style="white-space: pre-wrap;">ESP: Practice Screen</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p>Foundation:</p><ul><li><em>Flutter</em></li><li><em>Animations</em></li><li><em>SQLite</em></li></ul><p>Backend:</p><ul><li><em>Python</em></li></ul><p>Architecture:</p><ul><li><em>GetX</em></li><li><em>Clean Architecture</em></li></ul><p>Firebase:</p><ul><li><em>Firestore</em></li><li><em>A/B Testing</em></li><li><em>Analytics</em></li></ul><p>Advanced:</p><ul><li><em>TensorFlow</em></li></ul><p>Deployment:</p><ul><li><em>GitLab CI</em></li></ul><h2 id="testimonial">Testimonial</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&#xAB;We have been working with What the Flutter for a long, and these guys have never let us down. Professional approach to work, precise deadlines management and top-notch engineering skills!&#xBB; </em></i><br><br><b><strong style="white-space: pre-wrap;">Sheep Apps Inc., United States</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>You can now discover results of our work on both the <a href="https://apps.apple.com/us/app/english-speaking-practice/id1578838300?ref=cases.flutter.wtf" rel="noreferrer">App Store</a> and <a href="https://play.google.com/store/apps/details?id=com.sheepapps.english&amp;ref=cases.flutter.wtf" rel="noreferrer">Google Play</a> by following the provided link. Transitioning to the support stage, we gained invaluable insights, particularly in enhancing AI interaction with diverse linguistic inputs. Our journey continues as we refine our methodologies to better serve our users. </p><p>Are you looking to bring a ground-breaking app idea to life? Connect with <a href="https://flutter.wtf/?ref=cases.flutter.wtf" rel="noreferrer">What the Flutter</a>, and let&apos;s turn your vision into reality. Our team is ready to help you create an app that stands out in the digital marketplace. </p><figure class="kg-card kg-image-card"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__ESP-example-1.webp" class="kg-image" alt="ESP: AI English Speaking Practice" loading="lazy" width="2000" height="1481"></figure>]]></content:encoded></item><item><title><![CDATA[Bank: Mobile Banking for Digital Nomads]]></title><description><![CDATA[Mobile banking for digital nomads and freelancers, offering multi-currency, secure transactions with biometrics and cryptography.]]></description><link>https://cases.flutter.wtf/nomad-bank/</link><guid isPermaLink="false">6619354c8bf67a0001b79112</guid><category><![CDATA[FinTech]]></category><category><![CDATA[Biometrics]]></category><category><![CDATA[Cryptography]]></category><category><![CDATA[Secure Transactions]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Tue, 16 Apr 2024 10:43:00 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/05/AnyConv.com__BG_10.webp" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction</h2><h3 id="%F0%9F%92%BC-client">&#x1F4BC; Client</h3><img src="https://cases.flutter.wtf/content/images/2024/05/AnyConv.com__BG_10.webp" alt="Bank: Mobile Banking for Digital Nomads"><p>The client is a small European fintech startup, specifically focused on creating solutions for digital nomads, freelancers, and travelers, helping them manage various banking operations remotely.</p><h3 id="%F0%9F%A6%84-product">&#x1F984; Product</h3><p>The primary challenge was to develop a mobile banking solution tailored specifically for digital nomads. This demographic often faces unique banking challenges due to their mobile lifestyles, such as managing finances in multiple currencies and navigating varying financial regulations. Addressing these issues is crucial to facilitate smoother financial transactions for people living and working internationally.</p><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>The target audience for this product includes digital nomads, remote workers, and frequent travelers who require flexible and reliable banking solutions that can adapt to their mobile lifestyles.</p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/05/AnyConv.com__Bank-on-dif-devices.webp" class="kg-image" alt="Bank: Mobile Banking for Digital Nomads" loading="lazy" width="2000" height="952"></figure><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Maintain a high level of security when integrating APIs, storing local data, and so on;</li><li>Create a universal design system that looks great on both Android and iOS platforms;</li><li>Integrate Google and Apple SDKs for biomedical user authentication;</li><li>Split the app&apos;s codebase into multiple modules to reuse them for other company products.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>The solution was developed for both <strong>Android</strong> and <strong>iOS</strong> platforms, ensuring accessibility for the majority of mobile users, with considerations for future expansion to web platforms.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__Bank-card-cashback-screens.webp" class="kg-image" alt="Bank: Mobile Banking for Digital Nomads" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">Bank: Home and Cashback Screen</span></figcaption></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>The project followed a milestone-based approach, starting with extensive user research and system design, followed by iterative development phases with continuous testing to refine the application&#x2019;s functionality and usability. The development timeline was <strong>6 months</strong>.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>3 Flutter Engineers;</li><li>UX/UI designer;</li><li>QA Engineer.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Ability to issue physical and virtual cards;</li><li>Detailed transaction history and filters;</li><li>Credit and cashback management;</li><li>Savings planning and management;</li><li>P&amp;L, financial forecast and other charts;</li><li>User profile with some basic data.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__Bank-profile-screen.webp" class="kg-image" alt="Bank: Mobile Banking for Digital Nomads" loading="lazy" width="2000" height="2000"><figcaption><span style="white-space: pre-wrap;">Bank: Profile Screen</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p>Foundation:</p><ul><li><em>Flutter </em></li><li><em>Material 3 </em></li><li><em>SQLite</em></li></ul><p>Backend:</p><ul><li><em>GraphQL </em></li></ul><p>Architecture:</p><ul><li><em>BLoC / Cubit </em></li><li><em>Clean Architecture </em></li><li><em>Streams and RxDart </em></li></ul><p>Firebase:</p><ul><li><em>A/B Testing</em></li><li><em>Crashlytics</em></li><li><em>Remote Config</em></li><li><em>Analytics</em></li></ul><p>Advanced:</p><ul><li><em>Charts</em></li><li><em>Biometrics </em></li><li><em>Cryptography </em></li><li><em>Push Notifications</em></li><li><em>Deep Links</em></li><li><em>Feature Flags</em></li></ul><p>Deployment:</p><ul><li><em>GitLab CI</em></li></ul><p>Integrations:</p><ul><li><em>Sentry.io </em></li><li><em>Branch.io</em> </li></ul><h2 id="testimonial">Testimonial </h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&quot;WTF has been exactly what we needed &#x2013; a true extension of our IT department. They are all in sleeves rolled up to tackle each challenge and opportunity as it arises.&#xBB; </em></i><br><br><b><strong style="white-space: pre-wrap;">NDA Company, United Kingdom</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>The project evolved into a continuous support stage, focusing on refining features and integrating user feedback to enhance functionality.</p><p>For innovative and tailor-made mobile banking solutions, consider reaching out to <a href="https://flutter.wtf/?ref=cases.flutter.wtf" rel="noreferrer">What the Flutter</a> for their expertise in creating applications that cater to the dynamic needs of digital nomads and freelancers.</p><figure class="kg-card kg-image-card"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__Bank-example.webp" class="kg-image" alt="Bank: Mobile Banking for Digital Nomads" loading="lazy" width="2000" height="1481"></figure>]]></content:encoded></item><item><title><![CDATA[Vivafit: AI Dancing Fitness App]]></title><description><![CDATA[Vivafit is not an ordinary fitness app with static workout plans. With AI and computer vision, it provides a new level of home fitness experience.]]></description><link>https://cases.flutter.wtf/vivafit/</link><guid isPermaLink="false">661686ea8bf67a0001b790f7</guid><category><![CDATA[HealthTech]]></category><category><![CDATA[Computer Vision]]></category><category><![CDATA[Gamification]]></category><category><![CDATA[Interactive Charts]]></category><category><![CDATA[In-App Purchases]]></category><category><![CDATA[Video Streaming]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Thu, 11 Apr 2024 07:51:00 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_7.webp" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction</h2><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_7.webp" alt="Vivafit: AI Dancing Fitness App"><p>Vivafit now is a closed startup. It&apos;s founders were among the first who started commercial development using Flutter which eventually led to the creation of What the Flutter.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://blog.flutter.wtf/about/?ref=cases.flutter.wtf"><div class="kg-bookmark-content"><div class="kg-bookmark-title">About</div><div class="kg-bookmark-description">Greetings from the What the Flutter founders: Vlad and Kirill. We are excited to give you a peek into the story of our company, unveiling the twists and turns of our journey.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://blog.flutter.wtf/content/images/size/w256h256/2023/12/Logo-Standard.png" alt="Vivafit: AI Dancing Fitness App"><span class="kg-bookmark-author">WTF Blog</span><span class="kg-bookmark-publisher">Vlad Prudnikov</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://blog.flutter.wtf/content/images/2023/12/founders.jpg" alt="Vivafit: AI Dancing Fitness App"></div></a></figure><h3 id="%F0%9F%A6%84-product">&#x1F984; Product</h3><p>Many people understand the benefits of exercise and want to stay active, but often find traditional workouts, like running or gym routines, monotonous and uninspiring. This lack of enthusiasm can make it hard for them to consistently engage in physical activity. Vivafit recognizes this challenge and offers an innovative solution by blending exercise with dance. This approach not only makes workouts more enjoyable but also helps to maintain people&apos;s interest in staying fit, turning exercise into a fun and creative experience.</p><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>The target audience for the product comprises individuals of all genders, aged 18 to 45, who prefer exercising at home but are tired of the conventional and repetitive exercise routines. </p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/04/Vivafit-different-devices.webp" class="kg-image" alt="Vivafit: AI Dancing Fitness App" loading="lazy" width="2000" height="952"></figure><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Integrating computer vision and machine learning functionalities into the Flutter framework;</li><li>Enhancing application speed to ensure responsiveness even under heavy user load;</li><li>Creating algorithms to compute calories burned and exercise intensity in real time;</li><li>Generating a dynamic in-app blog feed that pulls content from Vivafit&apos;s social media platforms.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>The client is focusing on developing applications for <strong>Android</strong> and<strong> iOS </strong>platforms, considering a web platform for wider accessibility and to lay the foundations for future expansions (web-based dashboard for in-depth analytics).</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/Vivafit-main-screens.webp" class="kg-image" alt="Vivafit: AI Dancing Fitness App" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">Vivafit: Workout Screen, Home Screen</span></figcaption></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>The client presenting us an initial idea. Our team proceed with the design and development phases, focusing on prototyping and crafting an MVP. Post-MVP development, we conducted thorough user testing to gather feedback, which guiding us in making iterative improvements, aiming to enhance product functionality and user engagement. The development timeline was <strong>3 months</strong>.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>UX/UI Designer;</li><li>2 Backend Engineer;</li><li>3 Flutter Engineers;</li><li>Data Scientist;</li><li>Project Manager.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Real-time video stream capture and processing;</li><li>In-app blog feed based on Vivafit social medias;</li><li>Gamification with fireworks, music, points, etc.;</li><li>Workouts summaries, highlights and statistics;</li><li>Recommendations based on past workouts data;</li><li>Workout calendar with useful insights.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/Vivafit-Feed-screens.webp" class="kg-image" alt="Vivafit: AI Dancing Fitness App" loading="lazy" width="2000" height="2000"><figcaption><span style="white-space: pre-wrap;">Vivafit: Feed Screen</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies </h3><p>Foundation:</p><ul><li><em>Flutter</em></li><li><em>Animations</em></li><li><em>Google &amp; Apple Auth</em></li></ul><p>Backend:</p><ul><li><em>Node.js</em></li><li><em>PostgreSQL</em></li></ul><p>Architecture:</p><ul><li><em>BLoC</em></li><li><em>Clean Architecture</em></li></ul><p>AdvancedL</p><ul><li><em>AI/ML</em></li><li><em>Native Layer</em></li><li><em>Computer Vision</em></li><li><em>Platform Channels</em></li><li><em>Camera</em></li><li><em>In-app Purchases</em></li><li><em>Charts</em></li><li><em>Sounds/Music</em></li></ul><h2 id="conclusion">Conclusion</h2><p>We&apos;ve successfully developed the app which you can find via the link: on <a href="https://apps.apple.com/app/vivafit-personal-ai-trainer/id1505223494?ref=cases.flutter.wtf" rel="noreferrer">App Store</a> and on <a href="https://play.google.com/store/apps/details?id=com.sheepapps.vivafit&amp;ref=cases.flutter.wtf" rel="noreferrer">Google Play</a>. The project underscored the importance of flexibility in development to incorporate user feedback rapidly. We&apos;ve transitioned to the support stage, focusing on continuous improvement based on user engagement metrics. </p><p>Join us on the exciting journey of fitness app development, where AI revolutionize the sport routine. From conception to execution, explore how <a href="https://flutter.wtf/?ref=cases.flutter.wtf" rel="noreferrer">What the Flutter</a> harnessed cutting-edge technology to create an app that makes fitness fun and accessible. Curious to see what we can create together? <a href="https://flutter.wtf/?ref=cases.flutter.wtf#contact" rel="noreferrer">Reach out to us</a> to bring your own innovative ideas in fitness app development to life!</p><figure class="kg-card kg-image-card"><img src="https://cases.flutter.wtf/content/images/2024/04/Vivafit-example.webp" class="kg-image" alt="Vivafit: AI Dancing Fitness App" loading="lazy" width="2000" height="1481"></figure>]]></content:encoded></item><item><title><![CDATA[i-Concierge: Personal Assistance App]]></title><description><![CDATA[iConcierge is a personal assistant app that helps busy people simplify their lives by solving urgent problems without any hassle. It connects users with specialists who can provide assistance from the other side of the app, making it easy to get help when needed.]]></description><link>https://cases.flutter.wtf/iconcierge/</link><guid isPermaLink="false">661935698bf67a0001b79116</guid><category><![CDATA[Productivity]]></category><category><![CDATA[In-app Chat]]></category><category><![CDATA[CRM Integration]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Wed, 10 Apr 2024 21:50:00 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_14.webp" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction</h2><h3 id="%F0%9F%92%BC-client">&#x1F4BC; Client</h3><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_14.webp" alt="i-Concierge: Personal Assistance App"><p><a href="https://iconcierge.by/?ref=cases.flutter.wtf" rel="noreferrer">i-Concierge</a> is a mid-sized Eastern European company offering personal assistant services, catering to clients as a subsidiary of a bank.</p><h3 id="%F0%9F%A6%84-product">&#x1F984; Product</h3><p>The client faced issues with their Android and iOS apps&#x2014;they were unstable and costly to maintain. To address this, they opted to migrate to Flutter while aiming to retain as much of the existing functionality as possible.</p><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>The target audience for i-Concierge includes bank employees who are busy professionals, frequent travelers, or anyone looking for an integrated service to handle daily chores and tasks effortlessly.</p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__iConcierge-dif-devices-1.webp" class="kg-image" alt="i-Concierge: Personal Assistance App" loading="lazy" width="2000" height="952"></figure><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Rewrite the existing iOS and Android apps using Flutter, while preserving as much of the native codebase as feasible;</li><li>Using Firebase, develop a fast and reliable in-app chat with attachments, voice messages, and polling features;</li><li>Develop application integration with WhatsApp, Telegram, Viber and other popular messengers;</li><li>Implement a server-driven UI for multiple application screens so that admins can modify them remotely;</li><li>For each platform (Android / iOS), implement specific UX/UI following Google Material and Apple HIG guidelines.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>The client app was initially developed for <strong>iOS</strong> and <strong>Android</strong> platforms to cater to a wide mobile user base. Additionally, a <strong>Web</strong> version was created for the admin side, allowing assistants to manage tasks efficiently</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__iConcierge-Screens.webp" class="kg-image" alt="i-Concierge: Personal Assistance App" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">iConcierge: Home Screens</span></figcaption></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>The client approached us with existing Android and iOS applications that were experiencing performance issues. Our task was to rewrite it using Flutter while preserving all aspects of the UX/UI design. After discussing requirements and goals with the client, we outlined a comprehensive plan for the migration process. Upon completion, testing was conducted to guarantee the app&apos;s performance and functionality met the client&apos;s expectations. We delivered the revamped Flutter application, seamlessly transitioning the client to a more efficient and reliable solution. The development timeline was <strong>4 months</strong>.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>2 Mobile Engineers;</li><li>Backend Engineer;</li><li>Project Manager.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Advanced in-app chat backed by Firebase;</li><li>Ability to create, update and delete orders;</li><li>Sever-driven UI for multiple app screens;</li><li>Voice messages, attachments and polling;</li><li>WhatsApp, Telegram and Viber integrations;</li><li>Integration with the remote company CRM.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/05/iConcierge-screen.webp" class="kg-image" alt="i-Concierge: Personal Assistance App" loading="lazy" width="602" height="990"><figcaption><span style="white-space: pre-wrap;">iConcierge: Home Screen</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p>Foundation:</p><ul><li><em>Flutter</em></li><li><em>GPS</em></li><li><em>Hive</em></li><li><em>Phone Number Auth</em></li></ul><p>Backend:</p><ul><li><em>Firebase</em></li><li><em>Socket.io</em></li></ul><p>Architecture:</p><ul><li><em>Clean Architecture</em></li><li><em>BLoC</em></li><li><em>RxDart</em></li></ul><p>Advanced:</p><ul><li><em>Chat</em></li><li><em>Native UI</em></li><li><em>Native Layer</em></li><li><em>Voice Messages</em></li></ul><p>Integrations:</p><ul><li><em>Google Maps</em></li></ul><h2 id="testimonial">Testimonial</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&#xAB;What the Flutter is a courteous, prompt, and professional partner. They successfully rewrote our apps, preserving as much of the native codebase as possible. Now, our apps work great, and users are satisfied with their performance. You guys are lucky to have such hardworking and passionate employees. Thank you for everything!&#xBB; </em></i><br><br><b><strong style="white-space: pre-wrap;">i-Concierge LLC., Minsk, Belarus</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>We successfully resolved the client&apos;s issue by rewriting their native applications on Flutter, resulting in stable performance. Their average rating has improved, and we&apos;ve transitioned into the support phase, while also developing new features. </p><p>Looking to bring your digital ideas to life? <a href="https://flutter.wtf/?ref=cases.flutter.wtf#contact" rel="noreferrer">Contact What the Flutter</a> today, and let us exceed your expectations with our app development expertise.</p><figure class="kg-card kg-image-card"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__iConcierge-example.webp" class="kg-image" alt="i-Concierge: Personal Assistance App" loading="lazy" width="2000" height="1481"></figure>]]></content:encoded></item><item><title><![CDATA[English Pile: Vocabulary Builder App]]></title><description><![CDATA[English Pile is an advanced vocabulary builder app featuring over 7,000 words, designed to help users enhance their English fluency effortlessly.]]></description><link>https://cases.flutter.wtf/english-pile/</link><guid isPermaLink="false">661935d88bf67a0001b79126</guid><category><![CDATA[EdTech]]></category><category><![CDATA[Animation]]></category><category><![CDATA[Interactive Charts]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Tue, 09 Apr 2024 21:36:00 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_5--1-.webp" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction</h2><h3 id="%F0%9F%92%BC-client">&#x1F4BC; Client</h3><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_5--1-.webp" alt="English Pile: Vocabulary Builder App"><p>Sheep Apps, a small product company based in the United States, specializes in creating mobile applications that address real user needs.</p><h3 id="%F0%9F%A6%84-product">&#x1F984; Product</h3><p>Typically, vocabulary learning follows a structured approach, but for users, it&apos;s not always convenient or easy to follow. The application simplifies the process of learning words as much as possible, enriching the dictionary with the most understandable mechanics and complexity progression. No users do not need to think over the word catregory or topic.</p><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>The target audience comprises individuals eager to enhance their English proficiency by continuously expanding their vocabulary. They seek a flexible learning solution that can seamlessly integrate into their busy schedules, allowing them to learn anytime and anywhere, whether it&apos;s during their commute, in a queue, or even in an elevator. The app solved the problem of learners are committed to improving their English skills but face time constraints that prevent them from dedicating specific periods for study.</p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/08/English-pile-on-dif-devices.webp" class="kg-image" alt="English Pile: Vocabulary Builder App" loading="lazy" width="2000" height="952"></figure><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F;  Technical</h3><ul><li>Design an intuitive, card-based interface inspired by Tinder;</li><li>Curate a comprehensive collection of 7,000 essential English words;</li><li>Develop an efficient and engaging progress tracking system;</li><li>Ensure smooth offline functionality for uninterrupted learning.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>Developed for both <strong>Android</strong> and <strong>iOS</strong> platforms, considerations were also made for a future web version to expand accessibility.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/English-Pile-cards.webp" class="kg-image" alt="English Pile: Vocabulary Builder App" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">English Pile: Flashcard Screens</span></figcaption></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>The client approached us with their idea, along with a reference for the Tinder mechanics. We followed our usual process by gathering requirements, creating a user flow, discussing feature priorities and deadlines with the client, and then kicking off the development phase. The development timeline was <strong>2 months</strong>.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>UX/UI Designer;</li><li>Flutter Engineer.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Extensive library of over 7,000 popular English words;</li><li>Intuitive card-based interface for easy learning and navigation;</li><li>Detailed descriptions, including meanings and usage situations for each word;</li><li>Progress tracking and statistics to monitor learning outcomes;</li><li>Ad-free experience to maintain focus on learning;</li><li>Offline functionality for learning on-the-go.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/05/AnyConv.com__English-Pile-Flashcards.webp" class="kg-image" alt="English Pile: Vocabulary Builder App" loading="lazy" width="1665" height="2000"><figcaption><span style="white-space: pre-wrap;">English Pile: Flashcard Screens</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p>Foundation:</p><ul><li><em>Flutter</em></li><li><em>Custom animations</em></li><li><em>SQLite</em></li></ul><p>Architecture:</p><ul><li><em>Provider</em></li></ul><p>Firebase:</p><ul><li><em>Realtime Database&#xA0;</em></li><li><em>Authentication</em></li></ul><p>Advanced:</p><ul><li><em>Interactive Charts</em></li><li><em>Push Notifications</em></li></ul><p>Deployment:</p><ul><li><em>GitLab CI/CD</em></li></ul><p>Integrations:</p><ul><li><em>Facebook Analytics</em></li></ul><h2 id="testimonials">Testimonials </h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&#xAB;The WTF team made learning English easier and more fun for our users with this app. Big thanks to Vita for delivering a great product while keeping strict deadline in order to align with our budget.&#xBB; </em></i><br><br><b><strong style="white-space: pre-wrap;">Sheep Apps Inc., United States</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>In conclusion, our team has successfully developed the application to meet the client&apos;s requirements, ensuring their satisfaction. The final product is now live on both the <a href="https://play.google.com/store/?ref=cases.flutter.wtf" rel="noreferrer">App Store</a> and <a href="https://play.google.com/store/apps/details?id=com.sheepapps.english_pile&amp;ref=cases.flutter.wtf" rel="noreferrer">Google Play</a>. Access it through the link provided. This accomplishment adds another feather to our cap of successful projects.  The project&apos;s success invites potential clients to consider <a href="https://flutter.wtf/?ref=cases.flutter.wtf" rel="noreferrer">What the Flutter</a> for their future app development needs. </p><p>Are you looking to bring an educational app idea to life? <a href="https://flutter.wtf/?ref=cases.flutter.wtf#contact" rel="noreferrer">Connect with What the Flutter</a>, and let&apos;s turn your vision into reality. Our team is ready to help you create an app that stands out in the digital marketplace. </p><figure class="kg-card kg-image-card"><img src="https://cases.flutter.wtf/content/images/2024/04/EP-example.webp" class="kg-image" alt="English Pile: Vocabulary Builder App" loading="lazy" width="2000" height="1481"></figure>]]></content:encoded></item><item><title><![CDATA[Blogfit: Personalized Workout Platform]]></title><description><![CDATA[Blogfit is a fitness app with e-commerce elements, where coaches can offer personalized workout and nutrition plans tailored to individual user needs and goals.]]></description><link>https://cases.flutter.wtf/blogfit/</link><guid isPermaLink="false">661935ac8bf67a0001b7911a</guid><category><![CDATA[HealthTech]]></category><category><![CDATA[Video Streaming]]></category><category><![CDATA[In-app Chat]]></category><category><![CDATA[Payment Gateway]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Mon, 01 Apr 2024 22:21:00 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_2.webp" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction</h2><h3 id="%F0%9F%92%BC-client">&#x1F4BC; Client</h3><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_2.webp" alt="Blogfit: Personalized Workout Platform"><p>Blogfit is an Ireland-based product startup founded by two friends&#x2014;one a former bodybuilder and fitness coach with over a decade of experience, and the other a seasoned digital marketing specialist. Together, they&apos;ve created a personalized fitness app that tailors its approach to each user&apos;s unique needs.</p><h3 id="%F0%9F%A6%84-product">&#x1F984; Product</h3><p>While there are numerous experienced coaches available, there lacks a unified platform that consolidates essential fitness-related services. Coaches and clients currently rely on fragmented solutions across social networks, which are often inconvenient and lack comprehensive features. Essential functions such as booking personal workouts, selling workout and nutrition programs, merchandising, and direct communication with coaches are not integrated in one place. Blogfit aims to resolve this by creating a single, cohesive space that streamlines all these aspects, enhancing accessibility and engagement for both coaches and clients.</p><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>Blogfit being a fitness marketplace as it&apos;s target audience encompasses 2 side of users:</p><ol><li>Fitness clubs, bloggers and coaches where they can publish workout plans, nutrition programs and useful articles for their audience;</li><li>People who want to practice personalized approach for workouts, choosing different coaches for different goals, from beginners to seasoned athletes who seek tailored workout routines and expert guidance to achieve their health and fitness goals efficiently.</li></ol><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/04/Blogfit-Different-Devices.webp" class="kg-image" alt="Blogfit: Personalized Workout Platform" loading="lazy" width="2000" height="952"></figure><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Ensure secure user login and managing different levels of access for coaches, bloggers, and members;</li><li>Integrate with payment gateways for the merchandise store and calendar booking system;</li><li>Effectively store and retrieve large amounts of fitness plans, nutrition programs, and articles;</li><li>Implement a content moderation system to ensure the quality of published plans, programs, and articles.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>The initial focus was on developing native applications for <strong>Android</strong>, <strong>iOS </strong>and<strong> Web Mobile</strong>, with plans to potentially adapt these for desktop use in the future.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/Blogfit-main-and-schedule-screens.webp" class="kg-image" alt="Blogfit: Personalized Workout Platform" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">Blogfit: Main &amp; Schedule Screen</span></figcaption></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>The project process began with a series of client interviews to gather essential requirements. Following this, our UX/UI designer crafted prototypes, which paved the way for the development of MVP. This initial version was then subjected to user testing, with subsequent iterations improvements based on user feedback to enhance functionality and user experience. The development timeline was <strong>3 months</strong>.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>UX/UI Designer;</li><li>Back-end Engineer;</li><li>2 Flutter Engineers;</li><li>Project Manager.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Interactive tutorials for users to learn new exercises;</li><li>Insights and analytics on user engagement and content performance;</li><li>Public calendar for booking personal fitness lessons;</li><li>Tracking of fitness and nutrition goals for users;</li><li>Personalized recommendations of content and products in purchase feed;</li><li>Secure login and management of user access levels.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/Blogfit-main-screen.webp" class="kg-image" alt="Blogfit: Personalized Workout Platform" loading="lazy" width="2000" height="2000"><figcaption><span style="white-space: pre-wrap;">Blogfit: Main Workout Screens</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p>Foundation:</p><ul><li><em>Flutter</em></li><li><em>Material 3</em></li><li><em>Animations</em></li><li><em>Google &amp; Apple Sign In</em></li></ul><p>Architecture:</p><ul><li><em>Riverpod</em></li><li><em>Clean Architecture</em></li></ul><p>Firebase:</p><ul><li><em>A/B Testing</em></li><li><em>Analytics</em></li><li><em>Remote Config</em></li></ul><p>Deployment:</p><ul><li><em>GitLab CI</em></li></ul><p>Advanced:</p><ul><li><em>Push Notifications</em></li><li><em>Deep Links</em></li><li><em>In-app Purchases</em></li><li><em>Payment Gateway</em></li><li><em>Video Streaming</em></li></ul><p>Integrations:</p><ul><li><em>Mixpanel</em> <em>Analytics</em></li></ul><h2 id="testimonials">Testimonials</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&#xAB;WTF team has demonstrated their expertise by carefully considering our needs and requirements when developing the project. Special thanks to Kate. She</em></i> <i><em class="italic" style="white-space: pre-wrap;">brought our thoughts to life with her design skills!&#xBB; </em></i><br><br><b><strong style="white-space: pre-wrap;">Blogfit, Ireland</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>The project transitioned to a support stage upon completion, with ongoing updates and optimizations based on user feedback. Our work with Blogfit underscored the importance of flexibility in technology selection to adapt to user needs and feedback efficiently.</p><p>Are you looking to develop a cutting-edge app tailored to your business needs? <a href="https://flutter.wtf/?ref=cases.flutter.wtf#contact" rel="noreferrer">Reach out to What the Flutter</a> for top-tier app development solutions that bring your vision to life. Let&apos;s create something great together!</p><figure class="kg-card kg-image-card"><img src="https://cases.flutter.wtf/content/images/2024/04/Blogfit-example.webp" class="kg-image" alt="Blogfit: Personalized Workout Platform" loading="lazy" width="2000" height="1481"></figure>]]></content:encoded></item><item><title><![CDATA[Dots.io: Pixel Art Battles]]></title><description><![CDATA[Dots.io is an engaging online game where players create art and compete on a shared canvas using a limited number of pixels. Similar to Reddit's r/place, it’s a dynamic pixel battle where creativity and strategy come together. ]]></description><link>https://cases.flutter.wtf/dots-io/</link><guid isPermaLink="false">661935c88bf67a0001b79122</guid><category><![CDATA[Entertainment]]></category><category><![CDATA[Social Integration]]></category><category><![CDATA[Payment Gateway]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Tue, 26 Mar 2024 07:39:00 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/04/BG_18.png" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction</h2><h3 id="%F0%9F%92%BC-client">&#x1F4BC; Client</h3><img src="https://cases.flutter.wtf/content/images/2024/04/BG_18.png" alt="Dots.io: Pixel Art Battles"><p>Sheep Apps, a small product company based in the United States, specializes in creating mobile applications that address real user needs.</p><h3 id="%F0%9F%A6%84-product">&#x1F984; Product</h3><p>The client aimed to develop a unique social platform where individuals could engage not only in creating pixel art but also in interactive battles that promote teamwork and artistic collaboration. </p><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>The target audience for Dots.io includes young adults who are enthusiasts of both digital gaming and art. This audience appreciates interactive, collaborative, and competitive digital experiences.</p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/04/Dots.io-dif-devices.png" class="kg-image" alt="Dots.io: Pixel Art Battles" loading="lazy" width="2000" height="952"></figure><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Designing an efficient, real-time collaborative drawing system;</li><li>Managing a massive digital canvas while maintaining performance;</li><li>Implementing a robust, fair, and engaging competitive gameplay structure;</li><li>Ensuring seamless cross-platform compatibility and user experience.</li></ul><h3 id="%F0%9F%96%8C-design">&#x1F58C; Design</h3><p>For Dots.io, a uniquely blended design was developed, seamlessly integrating elements of both app and game design. The design includes illustrative elements that resonate with game apps, alongside other features typical of more general applications. </p><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>While the primary focus was on developing a mobile application for <strong>Android</strong> and <strong>iOS</strong>, considerations were made to include a web version for closed alpha testing, which could potentially serve as a basis for future expansion.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/Dots.io-home-screen.png" class="kg-image" alt="Dots.io: Pixel Art Battles" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">Dots.io: Home Screen, Battle Screen</span></figcaption></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>The project began with the client&apos;s concept. We worked closely with them to design the product. Then, we split the development into milestones, focusing on iterative improvements based on user feedback. This process took <strong>2 months</strong>.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>UX/UI designer;</li><li>2 Flutter Engineers;</li><li>Technical Lead.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Real-time collaborative drawing on a shared canvas;</li><li>Intuitive drawing tools and customizable color palettes;</li><li>Daily battles with different themes and objectives;</li><li>In-app currency system to acquire additional pixels and premium features;</li><li>Social sharing options and community features for interaction among users;</li><li>Cross-platform compatibility for a consistent experience on Android and iOS devices.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/05/Dots.io-Battle-Screen--2-.webp" class="kg-image" alt="Dots.io: Pixel Art Battles" loading="lazy" width="416" height="867"><figcaption><span style="white-space: pre-wrap;">Dots.io: Battle Screen</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p>Foundation:</p><ul><li><em>Flutter</em></li><li><em>Material Design</em></li><li><em>Google &amp; Apple Sign In</em></li></ul><p>Backend:</p><ul><li><em>Web Sockets</em></li></ul><p>Architecture:</p><ul><li><em>Riverpod</em></li><li><em>Clean Architecture</em></li></ul><p>Firebase:</p><ul><li><em>Realtime Database</em></li><li><em>Authentication</em></li></ul><p>Advanced:</p><ul><li><em>Push Notifications</em></li><li><em>Payment Gateway</em></li><li><em>Custom Rendering Engine</em></li></ul><p>Deployment:</p><ul><li><em>GitLab CI/CD</em></li></ul><p>Integrations:</p><ul><li><em>Mixpanel</em> <em>Analytics</em></li></ul><h2 id="testimonial">Testimonial</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&#xAB;WTF team not only delivered a top-quality app, but also exceeded our expectations in terms of user experience and gameplay mechanics. We&apos;re thrilled with the results and grateful for their outstanding work.&#xBB; </em></i><br><br><b><strong style="white-space: pre-wrap;">Sheep Apps Inc., USA</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>Throughout the project, we refined our development approach, transitioning into a support stage to ensure ongoing maintenance and updates. Key lessons included the importance of scalable backend solutions to support real-time user interactions.</p><p>At<strong> </strong><a href="https://flutter.wtf/?ref=cases.flutter.wtf" rel="noreferrer">What the Flutter</a>, we thrive on bringing innovative ideas to life. Whether you&apos;re looking to create a dynamic gaming experience or a collaborative creative platform, our team is ready to help. <a href="https://flutter.wtf/?ref=cases.flutter.wtf#contact" rel="noreferrer">Reach out to us</a> today to see how we can turn your concept into reality!</p><figure class="kg-card kg-image-card"><img src="https://cases.flutter.wtf/content/images/2024/04/Dots.io-example.png" class="kg-image" alt="Dots.io: Pixel Art Battles" loading="lazy" width="2000" height="1481"></figure>]]></content:encoded></item><item><title><![CDATA[Fluffy: English Through Video]]></title><description><![CDATA[Fluffy is an innovative English learning app that combines video content with interactive flashcards providing access to personalized content tailored to your accent needs.]]></description><link>https://cases.flutter.wtf/fluffy/</link><guid isPermaLink="false">661936bf8bf67a0001b7912a</guid><category><![CDATA[EdTech]]></category><category><![CDATA[Gamification]]></category><category><![CDATA[Interactive Charts]]></category><category><![CDATA[Video Streaming]]></category><dc:creator><![CDATA[What the Flutter]]></dc:creator><pubDate>Wed, 20 Mar 2024 22:30:00 GMT</pubDate><media:content url="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_8--1--1.webp" medium="image"/><content:encoded><![CDATA[<h2 id="introduction">Introduction</h2><h3 id="%F0%9F%92%BC-client">&#x1F4BC; Client</h3><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__BG_8--1--1.webp" alt="Fluffy: English Through Video"><p>Germany-based edtech company specializing in creating engaging and personalized language learning experiences through the power of technology and interactive content.</p><h3 id="%F0%9F%A6%84-product">&#x1F984; Product</h3><p>The problem with the Fluffy app seems to revolve around the challenge of understanding English spoken with various accents. Many individuals find they can comprehend one type of accent quite well while struggling with others. The Fluffy app was designed to address this issue by helping users identify which accents they have difficulty understanding. By recognizing the accents that users struggle with, the app can then tailor its content to offer materials featuring those specific accents. This personalized approach aims to help users improve their comprehension skills in the accents they find most challenging.</p><h3 id="%F0%9F%8E%AF-audience">&#x1F3AF; Audience</h3><p>Fluffy caters to a diverse audience, spanning from young children and teenagers to adults who are eager to elevate their English proficiency, already possessing an A2 English level. These individuals seek to enhance their comprehension skills in English and are keen on doing so in an engaging and lively manner, rather than through tedious methods.</p><figure class="kg-card kg-image-card kg-width-full"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__ESP-dif-devices.webp" class="kg-image" alt="Fluffy: English Through Video" loading="lazy" width="2000" height="952"></figure><h2 id="challenges">Challenges</h2><h3 id="%F0%9F%9B%A0%EF%B8%8F-technical">&#x1F6E0;&#xFE0F; Technical</h3><ul><li>Design an efficient recommendation system based on user interactions;</li><li>Create a seamless user experience for all ages and language backgrounds;</li><li>Build a diverse and compelling video content library;</li><li>Integrate an intuitive swipe-based flashcard system for vocabulary and phrase retention.</li></ul><h3 id="%F0%9F%93%B1-platforms">&#x1F4F1; Platforms</h3><p>The main focus was on developing robust application for <strong>iOS</strong> as the initial launch was planned on iOS only. But it was also necessary to maintain <strong>Android</strong> app as the client planned there the second launch as well.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__ESP-main-screen.webp" class="kg-image" alt="Fluffy: English Through Video" loading="lazy" width="2000" height="1481"><figcaption><span style="white-space: pre-wrap;">Fluffy: Practice Screens</span></figcaption></figure><h2 id="solutions">Solutions</h2><h3 id="%E2%9A%99%EF%B8%8F-process">&#x2699;&#xFE0F; Process</h3><p>The project process commenced when the client presented us with a fully formed idea. Following our standard procedure, we began by establishing the system architecture, outlining the features, creating wireframes, and refining the UX/UI design. Once these foundational aspects were in place and approved, we transitioned into the development phase, where the conceptualized elements were brought to life through coding and implementation. The development timeline was <strong>2 months</strong>.</p><h3 id="%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-team">&#x1F468;&#x200D;&#x1F4BB; Team</h3><ul><li>UX/UI Designer;</li><li>Backend Engineer;</li><li>2 Flutter Engineers.</li></ul><h3 id="%F0%9F%A7%A9-features">&#x1F9E9; Features</h3><ul><li>Smart video recommendations tailored to users&apos; language proficiency;</li><li>Interactive flashcards with swipe-based actions for vocabulary and phrase practice;</li><li>Progress tracking and analytics to monitor users&apos; improvement;</li><li>Diverse video content library including real-life situations, conversations, and grammar lessons;</li><li>Social sharing options to encourage learning within user&apos;s social network;</li><li>Cross-platform compatibility for a consistent experience on Android and iOS devices.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cases.flutter.wtf/content/images/2024/04/ESP-home-screen.png" class="kg-image" alt="Fluffy: English Through Video" loading="lazy" width="2000" height="2000"><figcaption><span style="white-space: pre-wrap;">Fluffy: Practice Screen and Profile Screen</span></figcaption></figure><h3 id="%F0%9F%96%A5%EF%B8%8F-technologies">&#x1F5A5;&#xFE0F; Technologies</h3><p>Foundation:</p><ul><li><em>Flutter</em></li><li><em>Custom Animations </em></li><li><em>Google &amp; Apple Sign In</em></li></ul><p>Architecture:</p><ul><li><em>Clean Architecture </em></li><li><em>Riverpod </em></li></ul><p>Firebase:</p><ul><li><em>A/B Testing</em></li><li><em>Analytics</em></li><li><em>Remote Config</em></li><li><em>Realtime Database</em></li></ul><p>Advanced:</p><ul><li><em>TensorFlow</em></li><li><em>Push Notifications</em></li><li><em>Deep Links </em></li><li><em>Interactive Charts </em></li><li><em>In-app Purchases</em></li><li><em>Video Streaming &amp; Playback </em></li></ul><p>Integrations:</p><ul><li><em>Mixpanel Analytics</em></li></ul><h2 id="testimonials">Testimonials</h2><div class="kg-card kg-callout-card kg-callout-card-accent"><div class="kg-callout-emoji">&#x1F44D;</div><div class="kg-callout-text"><i><em class="italic" style="white-space: pre-wrap;">&#xAB;WTF team expertly transformed our idea of Fluffy into an engaging and user-friendly app that works really good as it was expected. The level of attention to detail and commitment to delivering a high-quality product has truly set them apart.&#xBB; </em></i><br><br><b><strong style="white-space: pre-wrap;">NDA Company, Germany</strong></b></div></div><h2 id="conclusion">Conclusion</h2><p>The project transitioned to the support stage after successfully launching on both major mobile platforms. The experience highlighted the importance of iterative testing and user feedback in educational app development.<em> </em><a href="https://flutter.wtf/?ref=cases.flutter.wtf#contact" rel="noreferrer">Reach out to What the Flutter</a> today and let&#x2019;s create something exceptional together.</p><figure class="kg-card kg-image-card"><img src="https://cases.flutter.wtf/content/images/2024/04/AnyConv.com__ESP-example.webp" class="kg-image" alt="Fluffy: English Through Video" loading="lazy" width="2000" height="1481"></figure>]]></content:encoded></item></channel></rss>