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
