Resource icon

LearnPlus - Learning Management Application

No permission to download
Author
FrontendMatter
Demo Site
Live Preview
Introduction

2e748ec2-b4fd-4445-adb7-2fac431f575b


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
Author
HushedMan
Downloads
0
Views
1
First release
Last update

Ratings

0.00 star(s) 0 ratings

More resources from HushedMan

Back
Top