Developing a Cross-Platform Gamification Learning App for Kids

Software projects delivered by QSoft Vietnam

Cross-platform gamification application for kids

Our client, a company specializing in interactive training methods and materials for young children, sought QSoft's expertise to develop a gamified learning application for kids under 5 years old. The goal was to create an engaging and educational experience that could be accessed across multiple platforms, including computers, tablets, and phones, while being simple enough for young children to use independently. The project involved building a cross-platform application that would allow children aged 2 to 5 to learn languages in a fun, game-like environment. The app needed to run on iOS, Android, Mac, and Windows, feature a subscription-based model for parents to purchase new courses, and include a backend administration system for managing dynamic content, users, orders, and payments.
Project duration

Project duration: 8 months

Team Size

Team Size: 10

Satisfaction Score

Satisfaction Score: 96%

Screenshots

Project challenges

  • Cross-Platform Development: The application needed to be available on multiple platforms (iOS, Android, Mac, and Windows), each with its own set of development requirements and user interface standards. This posed a challenge in ensuring a consistent user experience across all devices while adhering to the strict guidelines of the Apple App Store and Google Play Store, particularly regarding apps designed for children.
  • Content Management and Updates: The educational content had to be frequently updated to accommodate different learning levels and keep the material engaging for children. This required a robust backend system that allowed administrators to easily create, update, and manage dynamic content for various courses, while also handling user management, orders, and payments efficiently.
  • User Experience for Young Children: Designing an interface that was extremely easy to use for children as young as 2 years old was critical. The app needed to be intuitive and engaging, with simple navigation and interactive elements that would appeal to young users across different devices. Ensuring that images, videos, and sounds were well-processed and played back smoothly was essential to maintaining the game-like experience.

How QSoft solves problems

Our Solutions

  • Cross-Platform Development Using Cocos2d-x:
    We used Cocos2d-x to develop a single codebase for deployment across iOS, Android, Mac, and Windows, ensuring a consistent user experience while reducing development time and costs. The framework’s capabilities in handling complex animations made it ideal for creating an engaging learning environment. Node.js was used for backend integration, ensuring scalability and real-time data synchronization.
  • Robust Backend Administration System:
    We built the backend using Node.js and Express.js, with MongoDB to manage flexible data structures. The system includes a content management interface that allows teachers to easily create and update courses, while Redis was used to reduce load times. Stripe API was integrated for secure subscription management and payment processing.
  • Intuitive User Interface and Optimized Media:
    The UI was developed using React Native for mobile and React.js for desktop, ensuring a consistent look across devices. We optimized media files with Adobe After Effects and FFmpeg for smooth playback. The app’s intuitive design, tailored for young children, was rigorously tested to meet Apple and Google’s guidelines for children’s apps.

Project successful result

Results

  • Successful Cross-Platform Deployment: The app was successfully launched on iOS, Android, Mac, and Windows platforms, providing a consistent and engaging learning experience for children across all devices. The use of Cocos2d-x allowed us to streamline the development process and ensure the app’s functionality was optimized for each platform.
  • High User Engagement and Satisfaction: The intuitive interface and engaging content led to high levels of user engagement, with children spending an average of 30 minutes per session on the app. Parents appreciated the ease of purchasing new courses through the subscription model, resulting in a 20% increase in recurring revenue within the first three months of launch.
  • Efficient Content Management: The backend system enabled the client to easily manage and update content, ensuring that the app remained fresh and relevant. The ability to quickly roll out new lessons and courses helped maintain user interest and supported ongoing educational development for the children.
  • Compliance and Approval: The app successfully met all compliance requirements for both the Apple App Store and Google Play Store, passing all reviews and being featured in the educational categories of both stores shortly after launch.