7 Cups App Upgrade Generates a 130% Increase in the Number of Users
We rewrote the 7 Cups mobile app, taking over the project from another developer team.
Instant Preview
In the beginning, the workflow itself posed a challenge. We didn’t start the project from scratch, which meant we needed to carefully analyze the existing elements.
The deeper we dug, the more issues we identified:
- Code base issues: Poor quality with massive copy-paste repetitions and faulty socket implementation.
- Missing payment methods: No options for in-app purchases or credit card payments for professional therapy.
- In-app linking problems: Users were redirected to the web platform, leading to app abandonment.
OUR APPROACH & SOLUTIONS
For maximum effect, we adopted an agile collaboration model, working closely with the client to swiftly adapt to changing needs and requirements. We took care of the following:
CODE REFACTORING
Comprehensive socket and code base refactoring for stability and scalability.
PAYMENT INTEGRATION
Added in-app purchase options and credit card payment methods.
IN-APP LINKING
Implemented internal links to keep users within the app.
Code Refactoring: A Crucial Step for Accelerated Development
- Enhanced app performance by over 200%.
- Improved Core Web Vitals metrics to meet Google's standards.
- Reduced refresh time to ~2s with Fast Refresh feature.
- Improve code quality and ongoing efforts to add advanced functionalities
- Students new to programming and React Native
- Web developers unfamiliar with device APIs and native apps
- Native developers exploring web app frameworks and React Native's UX potential
- React Native developers prototyping and sharing ideas
- Library maintainers creating examples and documentation
- Users providing reproducible cases for bug reports
- Speakers and workshop presenters conducting live coding sessions
We started with code refactoring, which was necessary to enable new features and designs. Though unplanned and initially time-consuming, this milestone significantly accelerated development in the project's second phase.
- CODE REFACTORING Kicked off the project with refactoring the whole socket.
- MIGRATION Migrated the codebase to TypeScript.
- DEPENDENCIES Upgraded major dependencies such as Expo, React Navigation, and React Query.
- PAYMENTS Created two options: In-app purchase with Google Play or App Store and credit card payment.
- LINKING Sorted out links, integrated content, and implemented html rendering.
We provided full front-end support, project configuration, feature parity, and expert advice on technical and user experience. We also implemented a new design guideline, including dark mode with auto theme detection.
Throughout the project, we collaborated closely with the client, who took care of back-end work, designs, and tests. Our mutual efforts and successful partnership resulted in a fresh look and improved functionality.
Since 7 Cups offers therapy and counseling, ensuring the upgraded version is operational was crucial. It is, and we are happy with the results. Our practical and effective solutions continue to enhance the app during maintenance.
get in touch
Trusted by
“The team at Callstack are the most experienced and trusted engineers in the React Native community and ecosystem.”
Nader Dabit
DevRel + XD at EigenLayer / EigenDA
at Amazon Web Services