Item: LearnPlus - Learning Management Application

LearnPlus - Learning Management Application preview image

LearnPlus - Learning Management Application

Complete UI/UX LMS Application Dashboard

Author
FrontendMatter
Category
Web Templates , Admin Templates
Published At

* For first time visitor, please read: User Guide


**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