Maharashtra State Board of Technical EducationMumbai.

(M.S.)

MICRO PROJECT
On
“Ecommerce WEBSITE USING JAVASCRIPT”

Submitted by :

Sagar Bhagchand khode

G.S. Mandal’s
Department of Computer EngineeringMarathwada
Institute of Technology, Polytechnic, Aurangabad.

Academic Year: - 2022-2023

 MAHARASHTRA STATE BOARD OF
TECHNICAL EDUCATION

CERTIFICATE

This is to certify that: -

Roll Name of Student Enrollm Exam

No. ent No. Seat
No.
1. Sagar Bhagchand khode 2000660269

have successfully completed “Ecommerce Website Using Javascript”

Micro-project for the subject Client Side Scripting as in the enclosed
‘Portfolio’ during her tenure of Completing the Diploma in Computer
Engineering (CO5I) in Academic Year 2022-2023 from M.I.T.
Polytechnic, Aurangabad with Institute Code 0066.

Date:

Prof. A.jadhav Prof. A. S. Nagrik

Guide H.O.D.

prof. S.G.Deshmukh
Principal

Marathwada Institute of
Technology, Polytechnic,
Aurangabad
 INDEX
Annexure-IV Micro Project Teacher Evaluation Sheet
Annexure-I A “Format for Micro-Project Proposal”
1.0 Aim/Benefits of Micro Project (minimum 30-50 words)

2.0 Course Outcomes Addressed

3.0 Proposed Methodology (procedure in brief that will be followed to

do the micro-project in about 100-200 words.)

4.0 Action Plan (Sequence and time required for major activity.)

5.0 Resources required (major resources such as row material,

some machining facility, software etc.)

Annexure-II A “Format for Micro-Project Report”

1.0 Rationale (Importance of the project, in about 30 to 50 words.

This is a modified version of the earlier one written after the work)

2.0 Aim/Benefits of Micro Project:

3.0 Course Outcomes Achieved (Add to the earlier list is more Cos are
addressed)
4.0 Literature Review
5.0 Actual Methodology Followed (Write step wise work done,
data collected and its analysis (if any). The contribution of
individual member may also be noted.)
6.0 Actual Resources Used (mention the actual resources used).
7.0 Outputs of the micro projects (Drawings of the prototype, drawing
of survey, presentation of collected data, findings etc.)
8.0 Skill Developed/Learning outcome of this micro project

9.0 Applications of this micro project

 Annexure-IV Micro Project (Teacher Evaluation Sheet)

Name of Programme: Diploma in Computer Engineering Semester: 5th

Course Title: Client-Side Scripting Language Code: 22519
Title of Micro Project: Ecommerce Website using JavaScript
Course outcome archived:
a) Creating interactive web pages using program flow control structure.
b) Implementing arrays and functions in JavaScript.
c) Create event-based web forms using JavaScript.
d) Create interactive webpages using regular expression for validation.

Process Individu Tota

Ro Name of Student Enrollm Exam and al l
ll ent No. Seat Product Presentat Mar
No No. Assessm ion ks
. ent (06) / (10)
Viv
a
(04)
1. Sagar Bhagchand 2000660269
Khode

Comments / Suggestions about work:

The project is really helpful for understanding the JavaScript

language and making Tourist Places Website using Java script.

Signature of Teacher:

Name and Designation:

 Annexure-I
Micro-Project Proposal(Format for Micro-Project Proposal About 1-2 pages)

Title of Micro-Project: Ecommerce Website using javascript

1.0 Aim/Benefits of Micro Project (minimum 30-50 words)

1. Increased knowledge about the JavaScript.
2. To implement the Ecommerceinformation in the form.
3. Increased coding skills.
4. Enhanced presentation skills.

2.0 Course Outcomes Addressed

1. Creating interactive web pages using program flow control structure.

2. Implementing arrays and functions in JavaScript

3. Create event-based web forms using JavaScript

4. Create interactive webpages using regular expression for validation

3.0 Proposed Methodology (Procedure in brief that will be
followed to do the micro project in about 100-200 words.)

a) Firstly, we have decided the topic that is making Ecommercewebsite using

JavaScript

b) Then we will collect make research and collect the data on the selected topic.

c) Then we will start the actual coding of the selected topic in Visual Studio.

d) Then after completing the coding, if we will get the errors then we

will correct it with the help of subject teacher.

e) Then after correcting the errors, we will create a report on the selected

topic with the screenshots of coding and output.

f) Then after completing the report, we will convert it into the PDF file.

g) Lastly, after covering all the above points we will submit it to the subject
teacher.
4.0 Action Plan (Sequence and time required for major activity.)

Sr Details of Activity Planne Planne Name of

. d Start d Finish Responsible
N Date Date Team
o Members
1. Topic selection
19-8-2022 21-08- Sagar
2022
2. Information search
22-08-2022 26-08- Sagar
2022
3. Coding of the
selected topic
27-08-2022 10-09- Sagar
2022
4. Getting correct the
errors with the help 11-09-2022 14-09- Sagar
of subject teacher 2022
5. Creating report on it
15-09-2022 25-09- Sagar
2022
6. Submitting to the
teacher
30-09-2022 30-09- Sagar
2022
5.0 Resources required (major resources such as row
material, some machining facility, software etc.)

Sr. Name of Specification Qty. Remarks

Resource/Material
No
1. Computer system I-5, 4GB 1
RAM,
windows 10
2. Microsoft word Microsoft office 1

3. Visual Studio Code VS code 1

Names of Team Members with Roll No: -

Enrollm
Sr.no Name of Student ent Exam Seat No.
No.
1. Sagar Bhagchand Khode 2000660269
 Micro-Project Report
(Format for Micro-Project Report minimum 4 pages)

Title of Micro-Project : EcommerceWebsite using JavaScript

1.0 Rationale (Importance of the project, in about 30 to 50 words. This

is a modified version of the earlier one written after the work)

A JavaScript makes responsive design easier. JavaScript has become

integral to the Internet experience as developers build increased
interaction and complexity into their applications. Search engines,
ecommerce, content management systems, responsive design, social
media and phone apps would not be possible without it. A client-side script
is a programming language that performs its tasks entirely on the client's
machine and does not need to interact with the server to function.

2.0 Aim/Benefits of Micro Project:

1. Increased knowledge about the JavaScript.

2. To implement the tourist place website in the form.

3. Increased coding skills.

4. Enhanced presentation skills.

3.0 Course Outcomes Achieved (Add to the earlier list is

more Cos are addressed) 1.Creating interactive web pages

using program flow control structure.

2. Implementing arrays and functions in JavaScript.

3. Create event-based web forms using JavaScript.

4. Create interactive webpages using regular expression for validation.

4.0 Literature Review:
JavaScript is a lightweight, cross-platform, and interpreted compiled
programming language which is also known as the scripting language for
webpages. It is well-known for the development of web pages; many non-
browser environments also use it. It allows you to implement dynamic
features on web pages that cannot be done with only HTML and CSS.
https://developer.mozilla.org/en-
US/docs/Learn/JavaScript/First_steps/What_is_JavaScript
From the above link I have understood how to implement the JavaScript and info
about it:

JavaScript is a scripting or programming language that allows you to

implement complex features on web pages — every time a web page does
more than just sit there and display static information for you to look at —
displaying timely content updates, interactive maps, animated 2D/3D
graphics, scrolling video jukeboxes, etc. — you can bet that JavaScript is
probably involved. It is the third layer of the layer cake of standard web
technologies, two of which (HTML and CSS) we have covered in much
more detail in other parts of the Learning Area.
To implement JavaScript in HTML file:

First, create a new file in the same directory as your sample HTML
file. Call it script.js — make sure it has that .js filename extension,
as that's how it is recognized as JavaScript.
Replace your current <script> element with the following:
<script src="script.js" defer></script>
Write the coding you want to write in the JavaScript file.
 5.0 ActualMethodology Followed (Write step wise work done,
data collected and its analysis (if any). The contribution of
individual member may also be noted.)

❖ A Ecommerce wesites helps user to find suitable places to visit.

❖ The sign in forms are applied in the text fields like were username,
email or password where the username should be at least more than
2 letters.
❖ The email should contain @ character and it should not be empty.
❖ For password the password must contain at least one numeric value
and the password should match with confirm password.

The coding done for the Ecommercewebsite are :

6.0 Actual Resources Used (mention the actual resources used).

Sr Name of Specification Qty. Remarks

Resource/Material
.
N
o
1. Computer system I-5,4GB RAM, 1
windows 10
2. Microsoft word Microsoft 1
office
3. Visual Studio Code VS code 1
4. Internet - --
-

7.0 Outputs of the micro projects (Drawings of the

prototype, drawing of survey, Presentation of collected
data, findings etc.)

sign in form for tourist places website with some specified rules:
1. The Username, Email ID, password and Confirm password should
not be blank while submitting the form, else error message will be shown.
2. Then Email ID should have the ‘@’ character, otherwise the “invalid
Email ID error message will be shown”.
3. While setting the password the password should contain at least one
special character and while re-entering the password in the confirm
password field the password should be matched with the password field,
otherwise error message will be shown .
OUTPUT OF THE PROGRAM:
8.0 Skill Developed/Learning outcome of this micro project: -

1. Increased knowledge about the JavaScript.

2. Increased coding skills.
3. Enhanced presentation skills.
4. Developed skill to plan, mange, execute and finish the work in time.
5. Active listening skill is developed.
6. Research skill is developed for gathering information.
7. Increased Knowledge about creating website using javascript.

9.0 Applications of this micro project: -

1. This website is used to Buying daily uses products.

2. This improve our coding skilles in javascript
3. We can also use of ecommerce wesite for selling products like amazon
seller program.
4. Local shop can create their market recognition globally.
5. To sell a product on online platform easily. Without going physically.

********