Transforming Legal Education with Ginger Snail App

About the education application

Ginger Snail is a cutting-edge edtech app made for iOS users. With its primary focus on law students and legal professionals, it offers a comprehensive platform that combines interactive tutorials and convenient knowledge assessment tools. Ginger Snail reimagines education mobile app development — by seamlessly integrating technology into legal education, the app enhances the learning experience and creates a competitive edge over traditional paper books.

Technologies

Backend:Node.js, Nest.js, PostgreSQL, Redis, RabbitMQ, Docker, Kubernetes
Frontend (admin panel):Material UI, Draft JS, Lodash, React DnD
Mobile:Swift 5, MVVM + Coordinators, UIKit + SnapKit
Other:Core Animation, CoreText, REST API (native), StoreKit, SPM (Swift Package Manager)

Our role and company services

Mobile & Web Development, UI/UX Design, QA, DevOps, Support
Client-provided initial layout

The challenge and application development goals

When our client approached our firm, they had a clear objective in mind — to create a learning app for studying law that encompassed various educational functions. The app needed to provide theory and practical cases, training cards, and regular quizzes to test knowledge.
The client wanted to offer both free and paid subscription features, where subscribers could access specific modules for more comprehensive learning. Our company's challenge was to develop a single app that would replace the need for multiple platforms and provide a comprehensive approach to legal education and edtech.

Creating the educational app: project management

The agency-style collaboration format demanded a high level of flexibility from our company's team. We seamlessly integrated various top teams into the project at different stages, ensuring that we obtained tangible outcomes while maintaining a smooth development process. This approach allowed us to strengthen and stabilize the project, enabling accelerated growth and progress.

We structured the project into three iterative phases to effectively handle the unique demands of creating a legal education app and balance the project cost. We carefully selected a team of specialists with expertise in educational mobile development and a deep understanding of the industry's nuances and learning process.

The Rocketech team:

  • Business Analyst
  • UI/UX Designers
  • Backend and Frontend Developers
  • Mobile Developers
  • QA Engineers
  • DevOps Engineers

Iteration 1: building the app's core

During the initial iteration, we carefully analyzed the client's requirements for educational app development. We identified two distinct functionality sets — one available for free and the other accessible through a subscription. To ensure a thorough implementation, we categorized the functions into five sets making a complete e-learning app: Main, Modules, Law, Quiz, and Profile.

Key accomplishments:

  • Implemented registration options for different user roles (students, lawyers, others) with email verification.
  • Developed user account management features, allowing users to change their email and password and edit their profile.
  • Implemented the ability to add modules of legal content.
  • Developed quick search functionality, along with the ability to bookmark content for future reference and a more integrated learning process.
  • Created a monetization system offering monthly and annual subscription options with auto-renewal.
  • Made Quiz functionality, enabling users to test their knowledge in specific areas of law.

Iteration 2: developing the app's admin panel and frontend

In the second iteration, our focus shifted towards developing a custom admin panel for the mobile app. We opted to build the panel from scratch, avoiding using off-the-shelf solutions. This involved several tasks related to content management.

Key accomplishments:

  • Designed a user-friendly UI for the admin panel.
  • Developed complex drag-and-drop interfaces using the React DnD toolkit.
  • Implemented features to manage educational content, including customization of questions and answers based on specific cases for quizzes.
  • Enabled subscription management for learning topic modules.
  • Made different levels of content nesting to create a user-friendly structure.
  • Implemented data validation and error handling for user input.

Iteration 3: implementing the app's backend

In the final iteration, we focused on backend development to establish a robust tech foundation. Our emphasis was on ensuring speed, scalability, and reliable operation, regardless of the user load.

Key accomplishments:

  • Built the application architecture using the Node.js software platform and Nest.js framework.
  • Employed PostgreSQL and Redis for efficient data reception, processing, and analysis.
  • Automated app delivery and deployment processes through Docker and Kubernetes.
  • Established communication services within an internal Docker overlay network or Kubernetes SVC internal network using TCP connections.
  • Conducted comprehensive testing to identify technical defects and ensure compliance with business requirements.

Creating the learning app: pitfalls

We encountered a few hurdles during the process but managed to overcome them successfully:

  • Integrating content subscriptions into the App Store: We faced challenges in correctly integrating and testing subscription-related features like handling subscriptions, canceling them, and restoring previous purchases.
  • Admin panel development: Since we built the admin panel from scratch, we had to pay close attention to organizing and validating the content. This involved managing different levels of content, ensuring proper ordering, and validating input values.
  • Industry-specific considerations: The app's focus was narrow, initially centered around English Law. However, the client had plans to expand into other areas of law in the future, broadening the app's coverage and content offerings.

Have an idea to create an edtech application but don't know where to start?

We can help. Our team of experts can guide you through the entire process, from market research to launch.

Functionality

Register / Login

Signing up for the app is quick and easy, taking less than five minutes. Simply enter your email, verify it, create a password, and provide basic personal information: your name, surname, role (student, lawyer, or other), country, and school. You can subscribe to specific modules right away to start your studying journey.

Profiles

Each registered user gets access to their profile with personal information, including a photo. Users can edit (or even delete all data), as well as change email and password.

Study modules

There are five learning modules available. Students can choose one or more modules to study and test their knowledge. Each module provides comprehensive and reliable information on a specific topic, presented in an intuitive format that is easy to navigate.

Search cases

To enhance the user experience, we've implemented a search function. Users can quickly find the information they need. Plus, one can bookmark cases to revisit later and manage personal educational goals.

Unique content

In addition to textual training materials, users have access to links that provide further resources such as legislation and real-life cases as examples. The content is structured with multiple levels of nesting, ensuring seamless navigation and easy access to the desired information.

Quiz

One of the app's most valuable features is the Quiz. After studying the tutorials, users can put their knowledge to the test by answering questions related to the module. The app's administrator creates the questions and answers based on real cases, ensuring the quizzes provide practical and relevant learning experiences.

Admin panel

The app offers a flexible and user-friendly admin panel that allows you to manage content efficiently. Any content added or updated in the admin panel is promptly delivered to iOS devices, ensuring users receive the latest updates without delay. Additionally, you can add new types of law, translate content into different languages, and customize questions and answers in the quizzes according to your needs.

Review

The level of the company's engagement and project ownership is uncommon and greatly valued.

Charles Gregory Law
Director, Ginger Snail Pte Ltd
Admin panel

Numbers

5
study modules
150+
tests for the quiz
10K
requests per second the system can handle
1K
requests per second for Apple subscriptions
80%
efficiency of anti-DDOS features of Cloudflare and Docker
150 ms
request processing speed

The results our company provided

It took the team a year and eight months to make the educational app designed for lawyers and law students using iOS devices. The edtech product was fully tested and market-ready.
Created modules covering various areas of law, providing users with theory, real cases, and valuable references.
Developed a Quiz feature that allows users to test their knowledge and track their learning progress.
Enhanced the user experience by the search function, making it easier for users to find the information they need.
Built the admin panel from scratch, enabling efficient content management and subscription functionality.
Implemented the server-side components, ensuring reliable data management and conducting thorough product testing.
Planning the Android version and aiming to expand the app's availability to a wider user base.

Talk to us!

Send us a message and we'll get in touch with you as soon as we can.
United States+1