Task 1 MOOC

TEAM 7:

Massive Open Online Course WEB APPLICATION:

Login.html:

Title of the document is Login and css properties like color,background color, dimensions etc all are included in between style tags.

To include bootstrap and angular in the project these lines of code are added.

Username and password for respective users are created and values are passed using $scope.

Login, signup and guest user functionalities are included in below snippet.

If credentials given by user and defined credentials are matched then only leads to the defined url of home page. Else passes an error saying invalid credentials.

Login page:

When any field is given empty pops a message saying password or username is required.

When a wrong user name or password is given empty or wrong pops a INVALID LOGIN CREDENTIALS MESSAGE.

Sign up page:

If already existing credentials are given it pops message saying user already exists and once signup is successful it leads back to login page.

User name and password labels are created. Place holder is the text we see in the box and functions are defined.

Once login is successful it leads to the home page url.

Home page:

Two major courses are included where subjects with defined enroll now button is created. Table entrances are defined and values for different subjects are defined.

Once enrolled it says Successfully enrolled.

Another web page is created where all recent enrollments can be seen.

Following is the snippet of the web page where all subject enrollments can be seen.

Links: source code: https://github.com/AravindReddy5076/WEBSPRING_2020/tree/master/LAB-1/MOOC youtube: https://youtu.be/T0-ITWS10Ck