/FrontStore

Front end training assignment | Sprinklr

Primary LanguageJavaScript

FrontStore

Front end training assignment | Sprinklr

FrontStore ReadMe:

Acts as a station for categorizing videos available on youtube into separate courses and imparts training on various subjects, where trainees can make notes and add bins of code . It consist of a list of courses wherein each has multiple lessons which are further constituted of multiple videos.

The Store is divided into two types of interfaces:

1.Admin interface:

Enables admin to add courses, lessons to courses and videos to lessons as the resources for the website.

Go to Account -> Settings which redirects to the admin page.

Clicking the course name reveals the lessons in it which when clicked display a list of videos. Each level of hierarchy has either an "Add Course", "Add Lesson" or "Add Video" associated to it depending upon the level of hierarchy.

2.User interface:

The homepage displays a list of courses. User can click on any course to obtain a list of lessons of which it is constituted. Each lesson, which when further clicked, redirects to a page containing the first video under it and a note-writer attached to it. The User can save the notes by clicking on the save button. Jsbin can be embedded using the "Embed Bin" button. The User can refer to/edit the notes and code later if he has saved them. "Change View" interchanges the position of note-writer and Jsbin. 

In sprinklr, this can be handy while imparting training to newcomers, while deploying newer technology for development, or while going back to the usage of some previously referred resource.

HOW TO RUN

Open the url and start working with the website.