Skip to content

AkhilaG28/LearnOrb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LearnOrb

Our website LearnOrb enables users to access the courses, register and to attempt the first evaluation as a quiz.

Tech Stacks Used:

  • HTML
  • CSS
  • Bootstrap
  • Javascript
  • ES6
  • Chart.js

Index Page:

  • Overview of our website, core philosophy and principles followed.
  • Some of the courses and our tutors.
  • Statistics of our website in terms of the number of students graduated in the form of line graph and the range of languages taught on our platform in the form of a donut using chart.js library.

Screenshot (214)

Screenshot (209)

Registration & Login Pages:

  • Registration Page allows users to register for the course with a unique username.
  • Login page enables users to get to their dashboard.

Screenshot (211) Screenshot (212)

Dashboard Page:

  • The user logged in can see the course for which he/she registered and would be able to get to the next step. Theinstructions for quiz are also given in the form of a modal.

Screenshot (215)

Quiz Page:

  • The questions are displayed and there is a time limit.

Screenshot (217)

Screenshot (219)

Result Page:

  • On completing the quiz, the result is displayed.

Screenshot (220)

Additional Features:

  • Responsive Website
  • URL Search Params
  • Sound Effects