Case study
Educational platform for a German EdTech provider
Erbis recently enhanced an educational application that facilitates the learning of mathematics through gameplay. The project details, a description of the technologies used, and the challenges faced by the team are outlined below.
01.Challenge
Mastory is an engaging story-based game that plunges users into diverse scenarios, prompting them to think deeply.
A client approached us with a request to implement a system that would allow content managers to write episodes for an educational app in a standard JSON format and a custom Flow language.
Our team was to ensure content managers could effortlessly switch between JSON and Flow language while upholding narrative coherence. The challenge was more than just technical. It involved designing an intuitive interface to facilitate an efficient content management experience.
02.Pre-development stage
We studied the project documentation and conducted a series of interviews with the client to understand the project's goals and objectives.
We also studied the target market to understand the value proposition of alternative educational apps.
Having defined the scope of work, we assigned two JavaScript engineers to work on the project.
Once the technology stack and project deadlines were established, the development process started.
03.Development flow
We followed the classic Scrum framework: planning tasks for two weeks and reporting on completed work at the end of each sprint.
The client actively participated in the work, contributing suggestions and propositions. Effective and transparent communication helped us easily find consensus and stay on the same page regarding the development process.
During the year-long project development, we accomplished the following:
- Implemented an application using the Nuxt3 framework, leveraging the automated GraphQL API service Hasura, which is built on the PostgreSQL database
- Transformed the written episodes into a finite state machine based on the XState library
- Enabled communication with characters through text-to-speech (TTS) technology
- Utilized chatGPT for handling user inputs
- Incorporated a dynamic coordinate axis and 3D scenes using the Babylon.js library for rendering challenges within the episodes
04.Tech stack
- Nuxt3
- XState
- Typescript
- GraphQL
- Hasura(PostgreSQL)
- BabylonJS
Google(cloud)- Cortex.js
- ChatGPT
- Auth0
05.End product
Our solution for Mastory is a comprehensive system that allows content managers to create game episodes.
Each episode has basic features - communication with characters, watching video stories, reviewing achievements, etc.
It is also possible to enable user communication with characters. Based on AI technology, characters "understand" what users say and respond according to the context.
In addition to the basic features, each episode has its own unique challenge that creates a superior user experience.
06. Business outcome
The integration of a system for content managers facilitated the swift development of new plotlines and stories for Mastory. It also streamlined the content creation process, allowing for a more dynamic and diverse narrative.
The current users of Mastory enjoy a richer experience, fostering increased user retention and satisfaction. This strategic enhancement has not only elevated the app's appeal but also contributed to expanding the customer base.
07. Looking to develop an EdTech app?
The field of EdTech is rapidly growing and offers a great opportunity for creative ideas. Technology makes education more engaging, effective, and accessible.
EdTech applications come in many forms, such as games, courses, or collaboration platforms. Such applications target audiences of all ages, specialized professionals, and those seeking career advancements or personal growth.
Whatever segment you choose, it's vital to conduct market research, choose the right technologies, and create a detailed software requirements specification. If you need assistance in creating a successful EdTech app, don't hesitate to get in touch .