Scribd
Upload
79 views6 pages

Web App Design with HTML, CSS, JS

The document outlines the steps to create an application using HTML, CSS, and JavaScript. It describes including login and home pages, forms to add a product and view reports, a contact page, and links to add/view employees and stores. It provides details on the fields, types, and validations for the add employee and store forms. On successful additions, it notes displaying success messages with identifiers.

Uploaded by

Shubham Mittal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
79 views6 pages

Web App Design with HTML, CSS, JS

The document outlines the steps to create an application using HTML, CSS, and JavaScript. It describes including login and home pages, forms to add a product and view reports, a contact page, and links to add/view employees and stores. It provides details on the fields, types, and validations for the add employee and store forms. On successful additions, it notes displaying success messages with identifiers.

Uploaded by

Shubham Mittal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Design the application using HTML,CSS and javascript.

Decorate the application with good layout and color combination


Follow inline validations

eg:-

___________________________________________________________________________________

1) Login Page
2) Home page

Once you have entered the credentials correctly (TEST/TEST) ,then it will redirect to
home page as below.

3)Once you click on Add Product link,following form will get displayed
4)Once you entered all the details as per the validations,then you will get the success page like this

5)Once you click on the Product Report page,you will the following page
6)Once you click on Any queries link,then you will get the following form page
7)Once you have posted your query according to the validations,then show the Thank you
message like this
In addition to the above features ,the following links also need to be present
Add Employee
View Employee :-Report page with hardcoded values
Add Store
View Store:-Report page with hardcoded values

Add Employee
Field Name Field Type Validations
Mandatory field,Maximum of 50
Name Text Field [Link] Alphabets
Mandatory field,Between 23 and
Date of Birth Date 45

DropDown with values as Senior Manager,Sales


Role Manger,Regional Manager,Sales Representative Mandatory field
Phone No Text Field Mandatory field, 1o digit
Gender Radio button-Male,Female Mandatory field
Mandatory field,between 20 and
Address Text Area 100 charcters

On successful addition ,display a hardcoded message like 'Employee has been added successfully and ID is 'EMP_100'

Add Store

Field Name Field Type Validations


Mandatory field,Maximum of 20
Store Name Text Field [Link] Alphabets
Region DropDown with values as North /South Mandatory field
Status Radio button-Active,Inactive Mandatory field

On successful addition ,display a hardcoded message like 'Store has been added successfully and ID is 'store_100'

You might also like