Education service on monitors

EducatiCon

What we needed to create in terms of working on this project was a dynamic and interactive system that fulfills all needs of the online studying process for both teachers and students.

  • Industry - Education
  • Services - Web Development / IT Consulting / Quality Assurance
  • Main Technologies - ReactJS / Redux / Ruby on Rails

Precisely 74%

of the studying process efficiency increase gained.

Up to 300

online lessons can be provided simultaneously.

Advanced Online Education

Our team created a convenient educational platform for foreign students who intend to study math, the English language, etc. With this platform our client can move the entire studying process online, make it comfortable and close to the real-life conditions. On the one hand, this service allows teachers to create courses, divide students into groups and sub-groups, etc. The platform itself was implemented as a dashboard with a Drag-and-Drop functionality type. Tasks and topics are given to students on special cards, and students can write commentaries during and after each lesson, which increases the effectiveness of communication and interaction between students. The studying process has integrated Google forms and charts for testing. On the other hand, this system creates a real-class simulation. The system's interface is as user-friendly as possible to maximize the efficiency of the studying courses.

Introduction to the Problem

Our client needed a fully-functional online education system that would be suitable for a variety of educational directions and disciplines. Versatile systems like Jira and Trello couldn't be used because they were designed for other business needs, thus, they do not provide the possibility of making real-time updates in tasks and cards. In addition, they have limitations in services and processing speed. Our goal was to create a unique system fully adjusted to the needs of targeted clients - students. The system should have a user-friendly interface for both teachers and students as well as be interactive.

Challenges & Solutions

A Responsive UX-Friendly Application

One of the challenges was to create a responsive user-friendly application. Usually, the versatility of special-purpose applications comes at the cost of users' convenience and work speed, because it contains many add-ons that adapt it to different business areas. We developed an application that is initially optimized and adapted to all clients' needs, so they may adjust the desired level of performance. In order to increase the level and speed of the system's responsiveness, we decided to develop a hybrid application that comprises server pages with a React application deployed inside every page. All requests take place within one page and it's not necessary to download all resources from the server. Thus, we managed to increase the visual response speed and the level of interaction between the teacher/student with the system.

The Legacy Code

When we took up this project, the customer had results of some groundwork and a functional MVP. We needed to add new functions and architectures to the code pre-written by other developers. Client's code had some flaws and was difficult to maintain, so we added our solutions to the legacy logics as it is rather difficult to implement the necessary functionality on the basis of out-of-date logics. Even though we had no opportunity to apply our best development skills to the fullest, we delivered the products with the best quality possible. In other words, we created a high-quality feature set and improved platform's initial logics and code.

Drag-and-Drop Development and Draft Editing Implementation

It took our team a lot of time and effort on research in order to make Drag-and-Drop functionality smooth, fast, and responsive. We faced difficulties related to the application's adaptability to different browsers, as some functions initially failed to function. However, we solved all those problems and the customer obtained a fully working product with elaborate functionality. In addition, we implemented a Draft editor that allowed creating content in a simple and visually pleasing way. This content includes cards and other educational tools that can be downloaded from the site without additional software. This implemented functionality as a whole allowed the end customer to use the service with the highest level of comfort.

WebSocket Synchronization

Another challenge was related to the introduction of the WebSocket protocol as teaching/studying is a real-time process and the standard task schedulers do not allow viewing other users' activity. The full-duplex communication WebSocket protocol allowed simultaneous real-time data transmission related to the changes of tasks' status or lessons' discussion. Due to the use of this protocol we managed to implement the collaborative business logics to the project.

01 / 04

And, as a result…

We successfully developed a one-of-a-kind education platform that is particularly user-friendly. Due to implementation of elaborate technical solutions, the system has a variety of advanced features, such as real-time change of users' interaction, and increased performance. Those advantages were achieved with the aid of hybrid server pages that contain a React application. In terms of this project, we designed and developed a fast and convenient system, which is fully adapted to the client's demands and offers a user-friendly interface for both teachers and students.

Team & Time

  • 1 PM
  • 2 DEVs
  • 6 Months

Technologies

Want an Advanced Education Platform Like This One?