Single Page Catalog which is used to see the main functionality in a page and also provides users to access his items created by him and recommended for him. Browse , Search items and Register/Pay for courses and play them immediately can be done in this Page.

In order to minimize the search of items by navigating too many pages, the Single Page Catalog is designed for the user to reduce the search and filters.

Icons like like Notification, Calendar, Settings, Cart and Inbox are displayed in the homepage to make user friendly. It also gives the information about what I am working , and the available courses which can pay and enroll the items.

• Login to the Learnexa » Navigate to home Page » Icons for Notification of annoucnments, Calender for events, Cart for items showed in cart, Inbox for messages receive and send, Account setting for personal details edit and save , Setting for two view Created by me items and Home icon.
• Based on the user needs, items can searched on price, ratings , categories using search icon in the home page.
• What I am working panel displays the details of the user on which he is working currently and filtering and view courses based on the status of the courses like In Progress, Recently Completed, Cancelled.
• Available courses panel used to add the user items created and recommeded for him and filtering based on catergories.
• Browsing , finding the courses and adding to the cart is more easier all in a single Page.

Login for existing users , Sign Up for new users. Instead of navigating to different window all the functionality for Login and Sign Up is displayed in the light box window as such in exisitng.

Once clicked the icon gets expanded with the filters , categories and search text field with search icon. Filters can be done based on three categories like: Price Range filters with drag button From and To Range. Delivery type like Audio, Video, Web-Based, Presentation and Document with the check box as selection whereas multiple selection is possible. Ratings with one to five starts with the check box and multiple selection is possible. Reset button which reset to the default values.

Categories (filled by the user during the creation of courses) based filters with the + more link which gives more categories to display.

User can search the courses based on the text entered in the text field and click on search icon.

The result panel for all the three search based on the user selection should display the number of courses displayed with the filtered data information. Sorting Based on Title, Rating, Price and Relevance(Most Popular) is displayed in the right side on the result page. It gives the details of the coursed filtered and user able to add or play the courses. Both view grid and list should be viewed in the result page and the default view is list view. During the page loading 15 courses displayed and click on load more displays the next 15 courses.

Notification Icon – Bell shaped notification icon display in the light box, when the announcement is created in the My Learning » Announcement. It displays the Creater name, Created date & Time and details of the Announcement with the delete option for every announcement. The number of unread announcement should be displayed in the red color on the above notification icon.

Calendar Icon – On click on this icon light box should be opened when the events is created in My Learning » events. It displays the upcoming and past events with the Name,Date,Start and End time and location of the event.

Edit, clone and delete for the particular event is possible by click on the side dotted line action menu. When user clicks on the edit button, the selected event should open in the same light box in the editable mode for the fields to edit and Update.

Clone creates a duplicate event and delete button deletes the selected event.

Inbox Icon – Click on this opens a light box for the unread messages in the inbox and also user can compose and send messages. Reply and delete for the particular message is possible by click on the action menu( displayed at the right side of every message). Number of unread messages should be displayed in red color on the above of the Inbox icon.

Cart Icon – Display the items added to the cart for proceed further payment process. Light box should be opened with the items added and user can delete the item which he want to remove from the cart by click on cross button. Click on checkout button display the payment screen. Number of items added to the cart should be displayed in red colour on the above of the Cart icon.

Account Icon – Click on this icon opens a lightbox, with the logged in user first and last name, email address, password and sign out. User have a provision to change the fields by click on the appropriate field change button displayed below the each field. All the fields are mandatory if not filled, an error message displays saying that the field should not be left blank. Click on sign out, the user is logged off and navigate to the login screen.

Home Icon – Logged in user is in some other screen other than home page and clicks on home icon , it redirects to home page and it is underlined and highlighted when the user is in home page.

Settings Icon- Click on this icon opens a lightbox and display the courses created by the users with he option of enrolling the items to the cart by clicking + symbol in the middle of each course. Left filter placed near the created by me panel displays the filters for Courses, Content , Certificates,Live events, In Person Events, Groups, Blogs and Bundle in a dropdown.

Selecting the any value in the dropdown gives the corresponding list created by him and the selected value is marked tick in the dropdown. Default selection is courses in the dropdown and the courses should be displayed during the page loading. Right bottom of each courses action menu is displayed with the options Edit,Preview,Share,Unpublish and Delete. Edit,Share, Preview and Delete works similar functionality like in available courses. Unpublish works like existing in the light box display.

Search icon , Filter Icon & Sorting works similar to What I am working panel.

Gives the detail of the courses, what user is working on currently. Filter is displayed in the left side of the panel which have an option to filter the courses based on the status like In Progress, Recently completed, All Completed, Canceled, Due soon and Overdue in the dropdown. The selected filter should be displayed with the tick mark in the dropdown filter. The courses have a details like completed percentage in the middle of the each courses.

Search icon – User types the text in the text field and the matching courses should be listed down in the text field as per the user text .The matching courses should be displayed in the same panel what Iam Working.

Filter Icon – should have a same functionality as we have it for a common filters in the search icon like price range, delivery type and ratings.

Sorting can be done based on pricing High to Low or Low to High , Title A to Z or Z to A, rating High to Low or Low to High, Relevance Most recent or most popular.

Click on the play button for the particular course , the video should be open and played in the lightbox.

Right bottom of each courses action menu is displayed with the options Questions, Completion details and cancel. Questions redirect to create question forum as existing in the lightbox window. Completion details shows the progress of the completion details as existing in the same light box by clicking down arrow next to the completion details in the dropdown. Cancel button display a light box with the msg “Are you sure?” with Yes and No button. Yes button cancel the enroll item.

Gives the detail of the available courses and have an option to add it to cart. Filter is displayed in the left side of the panel which have an option to filter the courses based on the categories type like Accounting, Finance, Human Resources, IT, Management etc., and also Recommended courses, Featured courses in the dropdown.If the user select any value in the dropdown the selected filter should be displayed with the tick mark in the dropdown filter. Click on the + symbol in the each courses, the courses should be add the cart . For paid courses the price is displayed with the + symbol.

Search icon , Filter Icon & Sorting works similar to What I am working panel.

Right bottom of each courses action menu is displayed with the options Edit,Preview,Rate,Comment,Share and Delete.

Edit – Opens a creater editor window in the lightbox for editing and updating the courses. Preview- Opens courses in the editor as lighbox to preview the courses. Comment – Opens a Text box with the cancel and post button. User able to comment the courses and click post button to post it. Cancel should cancel the action/post. Share- As existing Invite, Link,Embed and social should be done with appropriate options as like existing. Rate – Opens to give the rating for the particular course with starts as existing.