Learn, a custom Learning Management System

  • Home
  • /
  • Case Studies
  • /
  • Learn, a custom Learning Management System

About the project

We designed and developed a custom Learning Management System which includes a fully integrated administration system as well as a client interface. This state-of-the-art system includes a number of different learning and testing functions, from written content to videos and quizzes to exams.

Technology Stack

FRONT-END

NEXT.JS

Next.js

REACT

React

storybook

Storybook

sass

Sass

BACKEND

Nest.js

Nest.js

Jest

Jest

TypeORM

Typeform

QUERY LANGUAGE

GraphQL

GraphQL

The Process

Tech Stack

Node.js (Nest.js) for the back-end server with GraphQL API and React (Next.js)

Custom LMS

Custom Learning Management System build from scratch

Our Team

5 developers for 6 months, with support from our UX/UI team and QA

Azure

Launched on Azure

Alexander Jones

Alexander Jones

Head Of Learning Technology, RTS Group

“ The team at Lemon Hive have delivered a fantastic product against our brief, with great attention to detail on UI and UX. Thank you so much for your hard work. ”

Table of Contents

The Development
# The Development# The Solution# Development Process

The Development

The system was developed over 6 months by a team of 5 developers with support from our design and UI team throughout the project. We took a great brief and created wireframes and designs, built a development strategy with the client and then progressed on to the complete development of the system.


Learn - LMS

The Solution

Having reviewed a number of options using existing solutions, we concluded with the client that the only way to achieve the features and customer experience they wanted was a custom-built learning management system. With this, customers of the client are able to manage their employees and assign and monitor their daily, weekly, and monthly progress and customise the system to their own needs.


Learn - LMS 2

Our focus for the development was usability and scalability and each and every module was designed and developed with these two key points in mind, meaning the system can grow with the client and their customers.


Learn - LMS 3

Development Process

After a comprehensive consulting stage on the system requirements with the client, our first task was designing the complete system architecture for the project. In accordance with the project brief, our proposed technology stack was Node.js (Nest.js) for the back-end server with GraphQL API and React (Next.js) for the web client application. For the database, we used MySQL for its ACID compliance and TypeORM support.


Learn - LMS 4

The first step of the build was wireframing & storyboarding all the features in accordance with client specifications. Once the wireframes and storyboards were approved by the client, the build process was started together with the back-end development and front-end design in order to ensure time efficiency.


Learn - LMS 5

The Scrum model was followed for project management, with the project broken down into 16 code-sprints, each sprint consisting of two weeks of development. After each sprint, we had a client review meeting to go through project progress. We used JIRA to keep track of all the tasks for each sprint.


Learn - LMS 6

After the 12th code-sprint we deployed the first alpha build of the project for our internal testing. Docker was used for deployment to ensure smooth implementation and maintainability. By the end of the project, we ran our own internal QA and then ran a second full QA process alongside the client.

Table of Contents

# The Development# The Solution# Development Process

Have a project we can help with?

TECHNOLOGIES

Sanity

Payload CMS

Storyblok

Strapi

Prismic

Headless WordPress

Next.js

SvelteKit

Remix

Flutter

WORK

Sick Boi Headless Shopify

STI WordPress to Sanity.io

Luxury Jewellery Headess Shopify Plus

brightonSEO, Sanity.io & Next.js

Learn, a Customisable LMS

Rise at Seven, Sanity.io & Gatsby

More Case Studies

SERVICES

Our services

Headless Websites

Composable Commerce

Mobile Apps

Software Development

LONDON

Yolk House, 103 Farringdon Rd, London, EC1R 3BS
+44 (0) 207 1188550

OXFORD

New Barclay House, 234 Botley Rd, Oxford, OX2 0HP

DHAKA

Rupayan Center, Mohakhali Wireless

OTHER

Contact us

Privacy Policy

Cookie Policy

Terms for Projects

Terms & Conditions