LearnPlus - Learning Management Application

Introduction

LearnPlus is a beautifully crafted user interface for modern Learning web applications. LearnPlus includes examples for all the website pages possibly needed for a LMS application, covering the most important roles in any learning application, the student and the instructor.

What’s included

- 48+ Unique Page Designs
- Expertly coded HTML5, CSS and JavaScript
- Bootstrap v4
- Source SCSS and JavaScript ES6
- Well Documented

Student application page examples

- All Course catalog
- Public View Course page for non-paying students with a course video preview, course lessons list, partial access to some lessons, pricing (subscription or single purchase), about the instructor and course ratings
- Private Take Course pages for paying members with access to all course lessons and download lesson files
- Student Dashboard with subscription status, recent courses, student rewards, quiz performance and forum activity
- Take Quiz page with a sidebar navigation for the quiz questions, a quiz countdown timer and quiz statistics
- Quiz Results page displaying the summary of a single quiz submission by a student, displaying the correct answers and offering the possibility to restart the quiz
- Edit Account page with common editable profile fields (avatar image upload, the student name, email, password, etc) and Account Billing settings with saved payment methods
- My Courses page displaying only the courses started by the student, with progress activity
- Messages for system notifications or student / instructor private messaging
- Billing with payment history, past invoices and overdue payment notice with the option to pay
- Make Payment page with saved payment options such as credit cards, PayPal or pay by a different card form
- Checkout page for purchasing multiple items at once
- Printable Invoice template page
- Student Public Profile displaying acquired skills with courses completed by the student and rewards

Instructor application page examples

- Instructor Dashboard with earnings statistics displaying the last 30 days, sales by Course, latest transactions and latest student comments
- Course Manager displaying the instructor courses portfolio
- Create or Edit Course
- Create or Edit Quiz with basic quiz information such as title, associated course, image uploader, quiz time limit, sortable quiz questions and a custom question modal interface
- Review Quiz displaying the submissions and review history for a single quiz, with review options and score assignment per question for instructors
- Instructor Public Profile displaying the instructor rating and a public portfolio of all the courses by the instructor
- Messages for system notifications or student / instructor private messaging
- Earnings page with sales statistics by year and by course
- Statement page with detailed transaction history
- View Invoice
- Add or Edit Invoice

Other application pages

- Login / Signup / Forgot password pages
- Forum Home with categorised discussion threads and search
- Forum Thread page displaying a complete discussion on a subject with replies
- Ask Question page providing a way to start a discussion
- Get Help serving a simple but essential F.A.Q section for customer support

Latest update - LearnPlus v4.4.0 - 31 January 2021 - This update makes customizing the CSS (SCSS) and JavaScript easier:
- Added JavaScript source files in src/js
- Added SCSS source files in src/scss
- Dropped ui-learnplus-bootstrap private gitlab package dependency
- Updated most of package.json dependencies
- Improved browser support by upgrading to core-js v3.6.5
- Improved page preloader
- Improved charts usage and samples