E-learning Software Development

an app that unites both educational and a platform for the advancement of your own courses with an expedient admin panel

System structure:

Web application
Admin interface

Industry

Education

Services provided

Backend development
Frontend development
Product design
Research
Project management
QA
Consulting

Timeline

6 months

Team composition:

Pavel, Software Engineer

Lena, Project Manager

Dasha, UX/UI Designer

Technology stack used:

Alex, CEO

We have built an app that unites both educational software and a platform for the advancement of your own courses with an expedient admin panel. Any user can take a training course (both free and paid ones), contrive their own courses (personal and public - for advertisement), collaborate with the platform as a content creator, and get a payoff. The app fits Mobile App Development Trends.

Challenge

A Dutch client needed to hire e-learning software development experts to create an e-learning platform - a unique multi-functional product that incorporates the up-to-the-minute market trends and has its distinctive features.

Its main concept is the creation of training courses by means of specialized cards (based on Quizlet cards), but with capability and functionality expansion.

Design

Anna, UX/UI Designer

Colours

Typography

Anna, UX/UI Designer

Interesting facts

There is an opportunity for authors to create and monetize their content.
Courses fee is the option for admins to set interest deductions per a certain course. The custom learning management system is integrated with PayPal.
Detailed statistics and analytics. The data is collected and analyzed in all roles’ reservoirs: for admins (earnings, profits, etc.) as well as users (hours, cards quantity, etc.).

3 types of flashcards bring about the option to convert the learning of any information into the card form. Card types: self-rating, multiple-choice, writing.
The algorithm of card completion is spaced repetition. The cards are sorted out according to the progress during the learning process. A user sees the new cards or low score ones foremost.
The educational software development includes various content types. We ensured an option to add video or pictures both in the course and cards. The incorporated text editor has also been enlarged.

Developer’s challenges:

1. PayPal's integration, as well as the ability to set fees for each course. Solution: We have engaged flexible capabilities of API PayPal and conducted numerous tests.
2. Authorization. Solution: Utilization of internal capabilities of Next.js (middleware), and next. Auth libraries.
3. A large number of items. Solution: The correct item allocation in Database, items connections distribution

Designer’s challenges:

1. Complex color palette (red and black) due to the client’s requirements. The color and shadow selection took years, so the interface of the e-learning app looked up-to-date and was user-friendly.
2. Vast functionality that demanded non-bulky, easy-to-use, and clear design with a sense of lightness and space (avoiding the screen's cluttering with information, so that each user of each role could do what is necessary without being distracted by other things).

Lena, Project Manager

Solution

The client reached us having in mind an e-learning app development idea, its structure, and design sketches (color palette and references). We got down to the creation of an elearning app with our own research and suggested several implementation options of how to build an e-learning app. Subsequently, after joint brainstorming, constant close communication, and options coordination we have developed a unique custom e-learning solution. Its essence is the following:

We’ve made it possible to visualize and structure all kinds of theories in every course so that the learning process is of learn-and-play form. The game covers all the necessary indicators for effective study and is ensured with real-time animation.

This was implemented by the means of different kinds of non-trivial cards that include answers for open and close questions. They are self-check, multiple-choice, etc. with an image attached to every card.

advantages of creating an e-learning platform

The algorithm functions in a way that during the card learning you can determine a convenient learning flow: you select a topic and learn it step-by-step, or chose the theory first and master the cards later.

Moreover, we have created a unique user rating calculation algorithm. When calculating the rating, a card with the highest score is considered to be passed (leaning on the answers and score - the correct answer is set when the cards are being created). The user will get the lowest scorecards first, cards with higher and higher scores will appear later during the repeated learning. All these are covered by the algorithm.

Anna, UX/UI Designer

The features and advantages of developing the e-learning platform above are dressed up in an attractive design based on the client’s wishes and adjusted to be easy to use.