MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION

VIDYAVARDHINI’S BHAUSAHEB VARTAK

POLYTECHNIC

MICRO PROJECT
Academic year: 2024-2025

Title of Micro Project:

Quote Generator
Program/Code: Computer Engineering (TYCO-2) Semester: Fifth

Course/Code: Client-side scripting (22519)

Name: Riston D. Rodrigues Roll No: 1922

Enrolment No.: 2200930116

Name of Faculty: Mr. Parvez Vaghela

 MAHARASHTRA STATE BOARD OF TECHNICAL
EDUCATION

Certificate

This is to certify that Mr. /Ms.……………………………………………………………

Roll No…………… of Fifth Semester of Diploma in Computer Engineering (TYCO-2)
of Institute, B.V. POLYTECHNIC (Code: 0093) has completed the Microproject
satisfactorily in Subject– Client-side scripting (22519) for the academic year 2024- 2025 as
prescribed in the curriculum.

Place: Vasai Enrollment No: ……………………………………

Date: ……………………… Examination Seat No: …………………………….

Subject Teacher Head of the Department Principal

Seal Of
Institution
 Annexure - I

Part A: Micro Project Proposal

1.0 Aim/Benefits of the Micro-Project:

The project aims to create a dynamic web application that generates inspiring and motivational quotes to uplift and
engage users. By combining a seamless user experience with a vast library of quotes, it seeks to spark creativity an
d positivity.

2.0 Course Outcomes Integrated (COIs):

2.1 COI1: Design and develop a responsive quote generator web application that is accessible across different
devices and browsers.
2.2 COI2: Implement a user-friendly interface with intuitive navigation and clear presentation of quote content.
2.3 COI3: Integrate a database or API to provide a diverse collection of quotes, allowing for customization and
search functionality.
2.4 COI4: Implement error handling and validation mechanisms to ensure the application's reliability and
robustness.
2.5 COI5: Conduct thorough testing to identify and address any bugs or issues, ensuring the application meets
quality standards.

3.0 Proposed Methodology:

1. Requirements Analysis
2. Design
3. Development
4. Integration
5. Testing
6. Deployment

4.0 Action Plan

Sr. Planned Planned Name of

Details of the activity
No. Start date Finish date Members
1 Formation of Group & Topic Selection All members
2 Submission of Proposed Plan All members
3 Preparation of Report All members
4 Final valuation of a working Report All members
5 Presentation of Report All members
6 Submission of Final Report All members

5.0 Resource Required:

sr.
Name of resources/Material Specifications Qty Remarks
No.
Processor: i3
1. Computer 1
RAM : 4.00 GB
2. Microsoft Word Word -2016 1
3. Printer Hp Laser Jet 1
6.0 Name of Team Members with Roll No:

Sr. Process and Total

Roll No Name of Students Individual
No. Product
Presentation (10)
assessment
(06) (04)

1. 1922 Rodrigues Riston Dinesh

Name & Signature of Faculty: Mr. Parvez Vaghela

 Annexure- II

Final Micro Project Report

Title: Quote generator

1.0 Rationale:
Developing a quote generator project aims to leverage the motivational power of quotes to inspire and en
gage users. This project focuses on creating a centralized, accessible platform that offers a vast repository
of quotes from various authors and time periods

2.0 Course Outcomes Integrated:

1. Demonstrate the ability to develop dynamic web applications.
2. Enhance user interaction and interface design skills.
3. Implement effective data management and retrieval systems.
4. Apply software engineering best practices for web development.

3.0 Actual Procedure Followed.

1 Discussion about topic with guide.
2 Literature survey.
3 Information collection.
4 Compilation of content.
5 Editing and revising content.
6 Report Preparation.

4.0 Actual Resources Required:

Sr.
Name of resources/Material Specifications Qty Remarks
No.
Processor: i3
1. Computer 1
RAM: 4.00 GB
2. Microsoft Word Word -2016 1
3. Printer Hp Laser Jet 1
https://www.academia.edu 1
4. Book/Site name

5.0 Skill Developed/Learning outcomes of this Micro-Project

The following skills were developed:

1. Teamwork: Learned to work in a team and boost individual confidence.
2. Problem-Solving: Developed good problem-solving habits.
3. Technical Writing: Preparing the report of proposed plan and the final report.
 Annexure - III
Rubrics for Assessment of Micro-Project

Title: Quote generator

Institute Code: 0093 Academic year: 2024-25

Program: TYCO-2 Course & Code: Client-side scripting (22519)
Name of Candidate: Riston D. Rodrigues Roll No: 1922

Semester: Fifth Name of Faculty: Mr. Parvez Vaghela

Sr. Poor Average Good Excellent

Characteristic to be Assessed
No. (Marks 1-3) (Marks 4-5) (Marks 6-8) (Marks 9-10)
1. Relevance to the Course
Literature Survey/Information
2.
Collection
3. Project Proposal
Completion of the Target as per
4.
Project Proposal
5. Analysis of Data and Representation
6. Quality of Prototype/Model
7. Report Preparation
8. Presentation
9. Viva
 Annexure- IV

Micro-Project Evaluation Sheet

Title: QuoteGenerator
Institute Code: 0093 Academic year: 2024-25
Program: TYCO-2 Course & Code: Client-side scripting (22519)
Name of Candidate: Riston D. Rodrigues Roll No:
Semester: Fifth Name of Faculty: Mr. Parvez Vaghela
Course Outcomes Achieved:
1.learnt web designing
2.learnt to work with API

Evaluation as per Suggested Rubric for Assessment of Micro Project:

Sr. Characteristic to be Poor Average Good Marks Excellent Sub
No. assessed Marks Marks 4-5 6-8 Marks 9-10 Total
1-3
(A) Process and product assessment Out Of 6

1 Relevance to the course

2 Literature Survey .
Information Collection
3 Completion of the
Target as per project
proposal
4 Analysis of Data and
representation
5 Quality of Prototype/
Model/Content
6 Report Preparation
(B) Individual Presentation/Viva Out of 4
7 Presentation .
8 Viva

Name and designation of the Faculty Member: Mr. Parvez Vaghela

 Weekly Activity Sheet
Topic: Quote Generator
Institute Code: 0093 Academic year: 2024-25
Program: TYCO-2 Course & Code: CLIENT-SIDE SCRIPTING
(22519)
Name of Candidate: Riston D. Rodrigues Roll No: 1922

Semester: Fifth Name of Faculty: Mr. Parvez Vaghela

SR. NO WEEK ACTIVITY PERFORMED

1. 1st Week Discussion and Finalization of Topic

2. 2nd Week Literature Review
3. 3rd Week Submission of Proposed Plan
4 4th Week Information Collection
5. 5th Week Analysis of Data
6. 6th Week Compilation of content
7. 7th Week Editing and Revising the Content
8. 8th Week Report Preparation
9. 9th Week Report Preparation
10. 10th- 12th Week Presentation

Signature of Student Dated Signature of Faculty

Acknowledgement:
I would like to extend my heartfelt appreciation to Mr. Parvez Vaghela for his i
ndispensable assistance and mentorship throughout the development of the Quot
e Generator project. His expert guidance, insightful feedback, and unwavering s
upport have been pivotal in overcoming challenges and achieving our project go
als. This acknowledgment also recognizes his commitment to fostering an envir
onment of learning and growth, which has significantly contributed to the proje
ct's success. Thank you for your dedication and for inspiring excellence every st
ep of the way.
Introduction:
The Quote Generator project aims to create an engaging and inspiring web appli
cation that delivers motivational quotes to users. By leveraging modern web dev
elopment technologies, this project seeks to provide a seamless user experience
where individuals can access a diverse library of quotes from various authors an
d time periods. The initiative not only enhances user interaction but also promot
es positivity and creativity. Through this project, we aim to offer a convenient, e
ducational, and uplifting digital space for users to find daily motivation and refl
ection.
Code :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Random Quote</title>
<style>
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
margin: 0;
}
#quote-container {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
max-width: 600px;
width: 100%;
}
#quote {
font-size: 1.5em;
margin-bottom: 10px;
}
#author {
font-size: 1.2em;
color: #555;
}
#new-quote {
margin-top: 20px;
 padding: 10px 20px;
font-size: 1em;
border: none;
border-radius: 5px;
background-color: #007BFF;
color: #fff;
cursor: pointer;
}
#new-quote:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div id="quote-container">
<p id="quote"></p>
<p id="author"></p>
</div>
<button id="new-quote">Get New Quote</button>

<script>
async function fetchQuote() {
try {
const response = await
fetch('https://quotes15.p.rapidapi.com/quotes/random/?language_code=en', {
method: 'GET',
headers: {
'x-rapidapi-host': 'quotes15.p.rapidapi.com',
'x-rapidapi-key':
'f63229bf76mshaefe2a30e161d54p11a15ajsnd6e14f92b349'
}
});
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
 document.getElementById('quote').innerText = data.content;
document.getElementById('author').innerText = `—
${data.originator.name}`;
} catch (error) {
console.error('Error fetching the quote:', error);
document.getElementById('quote').innerText = 'Failed to fetch quote.
Please try again later.';
document.getElementById('author').innerText = '';
}
}

document.getElementById('new-quote').addEventListener('click',
fetchQuote);

// Fetch a quote when the page loads

fetchQuote();
</script>
</body>
</html>
Output:
Conclusion
The Quote Generator project successfully delivers an engaging web application
that provides users with a diverse range of motivational and inspirational quotes
. Through careful design, implementation, and user-
centric features, the project enhances the user experience by offering a convenie
nt and positive digital space for daily reflections. By incorporating modern web
technologies and best practices, we have created a valuable tool that promotes c
reativity, learning, and optimism. The project stands as a testament to the effecti
ve application of web development skills and the impact of thoughtful digital so
lutions on user engagement and well-being.
Reference:
https://www.mybib.com/tools/apa-citation-generator?form=MG0AV3nce
Generator: Accurate & Easy-to-Use | Cite This For Me

https://www.mybib.com/tools/apa-citation-generator?form=MG0AV34

https://www.scribbr.com/citation/generator/?form=MG0AV3o