CSS(22519) Admission Receipt Generator

PROJECT REPORT

ON

“Admission Receipt Generator”

Submitted by

Mr. Ekambe Ganesh Dattatraya

Guided by

Mr. Wahi G.S.

[ M.Tech CSE ]

TO

DEPARTMENT OF COMPUTER ENGINEERING

GRAMIN TECHNICAL & MANAGEMENT CAMPUS,
VISHNUPURI, NANDED-431606

MAHARASHTRA STATE BOARD OF TECHNICAL

EDUCATION(MSBTE), MUMBAI

ACADEMIC YEAR 2023-24

GT &MC Vishnupuri, Nanded

I
 CSS(22519) Admission Receipt Generator

PROJECT REPORT

ON

“Admission Receipt Generator”

Submitted by

Mr. Ekambe Ganesh Dattatraya

Guided by

Mr. Wahi G.S.

In Partial Fulfillment for the Award of the

Diploma In
DEPARTMENT OF COMPUTER ENGINEERING
GRAMIN TECHNICAL & MANAGEMENT CAMPUS,
VISHNUPURI, NANDED-431606

ACADEMIC YEAR 2023-24

GT &MC Vishnupuri, Nanded

II
 CSS(22519) Admission Receipt Generator

CERTIFICATE

This is to certified that the project entitled

“Admission Receipt Generator”

Being submitted by Mr. Ekambe Ganesh Dattatraya to State Board Of Technical
Education Mumbai as a partial fulfillment for award of Diploma in COMPUTER
ENGINEERING is record of Bonafide work carried out by his under supervision and
guidance of Mr. Wahi G.S. micro project is performed satisfactorily in the academic year
2023-24.

Mr. Wahi G.S. Mr. Wahi G.S.

Guide Head of Department

Dr. Pawar V. S.
Principal

GT &MC Vishnupuri, Nanded

III
 CSS(22519) Admission Receipt Generator

ACKNOWLEDGEMENT

I take this opportunity to express my deep sense of gratitude to words Mr.

Wahi G.S. Course in charge of Client side scripting language (22519) who his been
a constant source of inspiration to us and without his valuable guidance his work
could not possible.
I am thankful to all faculty members of my Department also for their guidance,
support and encouragement for the accomplishment of our micro-project. I would like
to thankful to Mr. Wahi G.S. HOD of COMPUTER DEPARTMENT (Polytechnic)
for his valuable comments and suggestion for me to improve my creativity regarding
project work.
I also express my sincere thanks to my friends for their assistance and
comments for the betterment of this micro psroject.

Sincerely:
Mr. Ekambe Ganesh Dattatraya

GT &MC Vishnupuri, Nanded

IV
 CSS(22519) Admission Receipt Generator

Program Outcome (PO)

PO

1. Basic and Discipline specific knowledge: Apply knowledge of

basic mathematics, science and engineering fundamentals and
engineering specialization to solve the engineering problems.

2. Problem analysis: Identify and analyse well-defined

engineering problems using codified standard methods.

3. Design/ development of solutions: Design solutions for well-

defined technical problems and assist with the design of systems
components or processes to meet specified needs.
4. Engineering Tools, Experimentation and Testing: Apply
modern engineering tools and appropriate technique to conduct standard
tests and measurements.
5. Engineering practices for society, sustainability and environment:
Apply appropriate technology in context of society, sustainability,
environment and ethical practices.
6. Project Management: Use engineering management
principles individually, as a team member or a leader to manage projects
and effectively communicate about well-defined engineering activities.
7. Life-long learning: Ability to analyse individual needs and engage
in updating in the context of technological changes.

GT &MC Vishnupuri, Nanded

V
 CSS(22519) Admission Receipt Generator

Program Specific Outcomes (PSO)

PSO1. Computer Software and Hardware Usage: Use state-of-the-

art technologies for operation and application of computer software and hardware.
PSO2. Computer Engineering Maintenance: Maintain computer
engineering related software and hardware systems.

PSO3. Laptop and Printer Maintenance: Maintain Laptop and Printer

of computer engineering related software and hardware systems.

PSO4. Configuring Network and Routers: Configuration of our college

Local Area Network (LAN), wireless and wired routers.

GT &MC Vishnupuri, Nanded

VI
 CSS(22519) Admission Receipt Generator

Course Outcome (Co)

Operating System (OSY) – 22516

CO22519.1 Create interactive web pages using program flow control structure,

CO22519.2 Implement Arrays and functions in Java script.

CO22519.3 Create event based web forms using Java script.

CO22519.4 Use Java script for handling cookies.

CO22519.5 Create interactive webpage using regular expressions for validations

CO22519.6 Create Menus and navigations in web pages.

GT &MC Vishnupuri, Nanded

VII
CSS(22519) Admission Receipt Generator

Gramin Technical and management campus, Vishnupuri , Nanded

Department of Computer Engineering

Vision & Mission of Computer Engg. Department

VISION / दिव्यस्वप्न

The Department of Computer Engineering will be one of the National leader,

catering dynamic IT knowledge to serve society and the globe at large.
ववद्यार्थीयाांना मादिती व तांत्रज्ञान क्षेत्राचे काळानुरूप ज्ञान िे उन सांगणक
अभियाांत्रत्रकी वविाग राष्ट्रीय नेतत्ृ वाचा एक िाग असेल.

MISSION / जीववत कायय

Department of Computer Engineering will be role model for Computer

Engineers by:
1. Exposing the learners to latest tools and technologies in the field of
Computer, hardware and software.
१. सांगणक िार्यवअ
े र व सॉफ्टवेअर क्षेत्रातील अद्यावत तांत्रज्ञान व साधने
ववध्यार्थीयाांना भिकवणे.
2. Providing fruitful learning environment, enhancing problem solving
skills amongst the learners, to make them successful.
२. ववद्यार्थयाांचा यिस्वीसाठी फलिायी िैक्षणणक वातावरण तयार करून
तयाांच्यामधील प्रश्न सोर्वण्याचे कौिल्य ववकभसत करणे..
3. Support society by participating in and extending technological services.
३. समाजाला लागणाऱ्या सांगणकीय ताांत्रत्रक सेवा परु वन
ू समाजाचा आधार बनणे.

GT &MC Vishnupuri, Nanded

VIII
CSS(22519) Admission Receipt Generator

ANNUEXUREII

Evaluation Sheet for the Micro Project

Academic Year: 2023-2024 Name of faculty : Mr. Wahi G.S.

Course: Diploma in COMPUTER ENGINEERING Course code: CO5I
Semester: 5th
Title of Project: “Admission Receipt Generator”

Cos addressed by 3 the Micro Project:

A.
B.
C.
D.

Major Learning Outcomes achieved by doing the Project:

a. Practical Outcomes:

b. Unit Outcomes in cognitive domain:

c. Outcomes in Affective Domain:

Comments/Suggestionsaboutteamwork/leadership/internship/inter-personal
communication (if any)

Roll Student Name Marks out of 6 for Marks out of 4 for Total out of 10
No. performance in performance in oral
group activity /presentation

53 Ekambe Ganesh Dattatraya

(Name& Signature of faculty)

GT &MC Vishnupuri, Nanded

IX
CSS(22519) Admission Receipt Generator

Index

Sr. no. Points Page no.

1 Abstract 2

2 Introduction 3

3 Project Objectives 4

4 Project Scope 5

5 Program Code 6

6 Output 12

7 Features 14

8 Outcome 15

9 Advantages 16

10 Conclusion 17

11 Reference 18

1
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

Abstract
The "Admission Receipt Generator" is a web-based application developed using HTML and
JavaScript that allows users to input admission details and then generates a formatted admission
receipt, which can be saved as a PDF document. This application provides a user-friendly
interface for entering key information such as the student's name, course name, admission date,
and total fees. The entered details are used to dynamically construct an HTML representation
of the admission receipt, which is displayed on the webpage.
Key Features:
- Input Form: The application includes a simple HTML form that collects essential admission
information from the user, ensuring that critical details like the student's name, course name,
admission date, and total fees are captured.
- Receipt Generation: Upon clicking the "Generate Receipt" button, a JavaScript function is
triggered, which fetches the user's input and dynamically generates an HTML representation
of the admission receipt. This receipt includes all the entered details and is displayed on the
webpage.
- PDF Conversion: The application utilizes the "html2pdf" library, a JavaScript library for
converting HTML content into PDF files. After the receipt is displayed on the webpage, the
library is employed to convert this HTML content into a downloadable PDF file, allowing the
user to save or print the receipt for their records.
- Accessibility: The application ensures that all input fields are labeled for accessibility and
follows best practices for web form design to accommodate a wide range of users.
The "Admission Receipt Generator" is a useful tool for educational institutions, training
centers, and any organization that needs to issue admission receipts. It simplifies the process
of generating and sharing admission receipts with students and ensures that all important details
are accurately recorded and easily accessible in a digital, printable format.

2
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

Introduction:
The "Admission Receipt Generator" project is a web-based application developed using
HTML, CSS, and JavaScript, designed to streamline the process of creating admission receipts
in a digital, printable PDF format. Educational institutions, training centers, and organizations
often need to issue admission receipts to students or participants, and this project provides a
user-friendly solution to meet this need. By inputting essential details such as the student's
name, course name, admission date, and total fees, the application generates a professionally
formatted admission receipt, which can be downloaded, printed, or shared electronically.
In an educational or training setting, the issuance of admission receipts is a common
administrative task. These receipts serve as official documentation, providing students with
proof of their enrollment and payment. The "Admission Receipt Generator" simplifies and
automates this process, eliminating the need for manual receipt creation and ensuring accuracy
in recording vital information. Additionally, by generating PDF receipts, the project promotes
paperless and eco-friendly practices while facilitating easy storage and distribution of digital
records.
This project not only demonstrates the fundamental principles of web development but also
serves as a practical tool for organizations seeking an efficient and cost-effective way to
manage admission receipts. By offering a straightforward user interface and the ability to
convert admission receipts into PDFs, it aligns with modern digital practices and contributes
to a more organized and eco-conscious approach to documentation and record-keeping..

3
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

Project Objectives:
1. Simplify Admission Receipt Generation: The primary objective of the "Admission
Receipt Generator" project is to simplify the process of generating admission receipts. It aims
to replace manual, paper-based methods with a digital solution that allows administrators to
efficiently create receipts while reducing paperwork and manual effort.
2. User-Friendly Interface: The project is designed to provide a user-friendly interface for
entering admission details. It ensures that users can easily input the student's name, course
name, admission date, and total fees through a well-structured and intuitive form.
3. PDF Receipt Creation: The project's core objective is to dynamically generate admission
receipts in PDF format. It leverages the "html2pdf" library to convert the HTML representation
of the receipt into a downloadable PDF file. This functionality aims to make the receipt easily
shareable, printable, and archival.

4. Eco-Friendly Solution: In alignment with environmental concerns, the project

promotes eco-friendliness by reducing the consumption of paper for receipt generation. It
encourages digital record-keeping and contributes to sustainability in educational institutions
and organizations.

5. Adaptability: The project's design allows for easy customization to fit the needs of
various educational institutions and organizations. It can be tailored to include additional
details, branding, and styling, making it adaptable to different user requirements.

6. Efficiency and Accuracy: By automating the receipt generation process, the project
aims to enhance efficiency and reduce the likelihood of manual errors. This objective ensures
that admission receipts are consistently accurate and professionally formatted.

7. Archiving and Record-Keeping: The ability to save admission receipts as PDFs

enables efficient record-keeping and archive management. This objective is crucial for
compliance and auditing purposes in educational institutions and organizations.

8. Accessibility and Inclusivity: The project is committed to ensuring accessibility by

providing well-labeled input fields and following best practices for web form design, making
it usable by a wide range of users, including those with disabilities.

9. Educational and Organizational Utility: Ultimately, the project aims to be a

valuable tool for educational institutions, training centers, and organizations, allowing them to
streamline admission receipt processes, improve document management, and enhance the user
experience for students and parents.

4
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

Project Scope:

The "Admission Receipt Generator" project scope defines the boundaries and deliverables of
the project. It clarifies what the project aims to achieve and outlines its limitations. The project
scope includes the following aspects:

1. User Input Form: The project will include a web-based form where users can input
essential admission details, such as the student's name, course name, admission date, and total
fees.

2. HTML to PDF Conversion: The project will use the "html2pdf" library to convert the
dynamically generated HTML content into a downloadable PDF document. This PDF will
include all the admission details provided by the user.

3. Receipt Display: The project will display the admission receipt content on the webpage
before converting it to a PDF. Users will be able to view and confirm the details before
generating the receipt.

4. Styling: Basic styling for the user interface, including form elements and overall layout,
will be included to ensure a user-friendly and professional appearance.

5. Accessibility: The project will adhere to web accessibility standards to ensure that users
with disabilities can effectively use the input form and interact with the application.

6. Customization: The project will be designed to allow for easy customization of the
receipt content, such as additional details or branding, to meet the specific requirements of
different educational institutions or organizations.

5
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

Program code

<!DOCTYPE html>
<html>
<head>
<title>Admission Form</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: lightgray;
}
.container {
width: 50%;
margin: 0 auto;
background-color: red;
padding: 20px;
}
.form-group {
margin-bottom: 15px;
}
label {
display: block;
}
.admission-photo {
float: right;
width: 100px;
margin-left: 20px;
}
input[type="text"],
input[type="email"],

6
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

input[type="tel"],
select,
textarea {
width: 100%;
font-size: 16px;
}
#schoolName {
font-size: 36px;
color: red;
}
.container form {
background-color: white;
padding: 20px;
}
</style>
</head>
<body>
<div class="container">
<img class="admission-photo" src="C:\Users\91801\Desktop\gramin.webp" alt="Admission
Photo">
<h1> Gramin School Latur</h1>
<form id="admissionForm">
<div class="form-group">
<label for="schoolName">School Name:</label>
<input type="text" id="schoolName" name="SchoolName" value="Gramin School Latur"
required>
</div>
<div class="form-group">
<label for="name">Full Name:</label>
<input type="text" id="name" name="Name" required>
</div>

7
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

<div class="form-group">
<label for="fatherName">Father's Name:</label>
<input type="text" id="FatherName" name="FatherName" required>
</div>
<div class="form-group">
<label for "motherName">Mother's Name:</label>
<input type="text" id="motherName" name="MotherName" required>
</div>
<div class="form-group">
<label for="dob">Date of Birth:</label>
<input type="date" id="dob" name="Dob" required>
</div>
<div class="form-group">
<label for="age">Age:</label>
<input type="text" id="age" name="Age" readonly>
</div>
<div class="form-group">
<label for="caste">Caste:</label>
<input type="text" id="caste" name="Caste" required>
</div>
<div class="form-group">
<label for="religion">Religion:</label>
<input type="text" id="religion" name="Religion" required>
</div>
<div class="form-group">
<label for="address">Address:</label>
<textarea id="address" name="Address" required></textarea>
</div>
<div class="form-group">
<label for="state">State:</label>

8
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

<input type="text" id="state" name="State" required>

</div>
<div class="form-group">
<label for="country">Country:</label>
<input type="text" id="country" name="Country" required>
</div>
<div class="form-group">
<label for="gender">Gender:</label>
<select id="gender" name="Gender" required>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select>
</div>
<div class="form-group">
<label for="admissionClass">Admission Class:</label>
<select id="admissionClass" name="admissionClass" required>
<option value="Class 1">Class 1</option>
<option value="Class 2">Class 2</option>
<option value="Class 3">Class 3</option>
<option value="Class 4">Class 4</option>
<option value="Class 5">Class 5</option>
<option value="Class 6">Class 6</option>
<option value="Class 7">Class 7</option>
<option value="Class 8">Class 8</option>
<option value="Class 9">Class 9</option>
<option value="Class 10">Class 10</option>

</select>
</div>

9
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

<div class="form-group">
<label for="admissionDate">Admission Date:</label>
<input type="date" id="admissionDate" name="AdmissionDate" required>
</div>
<div class="form-group">
<label for="fees">Admission Fees:</label>
<input type="number" id="fees" name="Fees" required>
</div>
<div class="form-group">
<label for="facultyName">Admission Faculty Name:</label>
<input type="text" id="facultyName" name="FacultyName" required>
</div>
<button type="button" onclick="printForm()">Submit</button>
</form>
</div>

<script>
function printForm() {
// Calculate age from Date of Birth
const dob = new Date(document.getElementById("dob").value);
const today = new Date();
const age = today.getFullYear() - dob.getFullYear();
document.getElementById("age").value = age;
const form = document.getElementById("admissionForm");
const formData = new FormData(form);
let formText = "<h2>Admission Form Details</h2>";
for (const [key, value] of formData.entries()) {
formText += `<p><strong>${key}:</strong> ${value}</p>`;
}

10
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

const printWindow = window.open('', '', 'width=600,height=600');

printWindow.document.open();
printWindow.document.write(formText);
printWindow.document.close();
printWindow.print();
printWindow.close();
}
</script>
</body>
</html

11
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

Output:

12
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

13
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

Features
1. User-Friendly Input Form
2. PDF Receipt Generation
3. Receipt Display for Review
4. Customization Options
5. Accessibility
6. Eco-Friendly Solution
7. Efficiency and Automation
8. Archiving and Record-Keeping
9. Cross-Browser Compatibility
10. Mobile Responsiveness

14
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

Outcomes:
1. Streamlined Admission Process: The project will streamline the admission process
for educational institutions and organizations by automating receipt generation, reducing
manual effort, and minimizing paperwork.

2. Eco-Friendly Practices: The transition to digital PDF receipts will contribute to

environmental sustainability by reducing paper consumption, which is an eco-friendly
outcome.

3. Cost Savings: By eliminating the need for paper-based receipts and physical storage, the
project is likely to result in cost savings for institutions.

4. Enhanced Efficiency: Automation will enhance the efficiency of receipt

generation, reducing the potential for errors and ensuring that admission details are consistently
accurate.
5. Improved Accessibility: The project's adherence to accessibility standards ensures that
individuals with disabilities can effectively use the application, promoting inclusivity.

6. Customization Options: Educational institutions and organizations can tailor the

receipt content and branding to meet their unique needs and branding requirements.

7. Efficient Record-Keeping: The ability to save receipts as PDFs facilitates efficient

record-keeping and compliance with auditing and regulatory requirements.

8. User Satisfaction: The user-friendly interface, clear instructions, and easy receipt review
contribute to a positive user experience, enhancing satisfaction.

9. Responsive Design: The project's mobile responsiveness ensures that users can interact
with it on various devices, enhancing accessibility.

10. Professional Appearance: The basic styling ensures that the project has a
professional and visually appealing appearance, enhancing the organization's image.

11. Adoption of Digital Practices: By embracing digital receipt generation, educational

institutions and organizations will stay current with modern technology trends, demonstrating
adaptability and progressiveness.
12. Reduction of Manual Work: Administrative tasks related to generating receipts are
reduced, allowing staff to focus on more critical responsibilities.

13. Compliance and Record-Keeping: The ability to easily archive admission receipts
helps institutions meet compliance requirements and maintain organized records.
In summary, the "Admission Receipt Generator" project is expected to bring efficiency, cost
savings, environmental benefits, and improved user experiences to educational institutions and
organizations that use it. It also promotes the adoption of digital practices and inclusivity
through adherence to accessibility standards.

15
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

Advantages
1. Efficiency: The project streamlines the process of generating admission receipts, reducing
the time and effort required to create and distribute paper-based receipts.

2. Eco-Friendly: By generating digital PDF receipts, the project contributes to

environmental sustainability by reducing paper usage and waste.

3. Cost Savings: Eliminating the need for physical receipts and paperwork leads to cost
savings on printing and storage.

4. Accuracy: Automation reduces the chances of manual errors in receipt generation,

ensuring that admission details are consistently accurate.
5. Accessibility: The project adheres to accessibility standards, making it usable by a wide
range of users, including those with disabilities.

6. Customization: Educational institutions and organizations can tailor receipt content and
branding to meet their specific needs.
7. Digital Archive: PDF receipts are easily saved and archived, simplifying record-keeping and
compliance with auditing requirements.

8. User-Friendly: The user-friendly interface makes it easy for administrators and users to
input and review admission details.

9. Mobile Compatibility: The project's responsiveness ensures that it can be used on

various devices, including mobile phones and tablets.

10. Professional Appearance: Basic styling provides a professional appearance for both
the input form and the generated receipts.

16
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

Conclusion
The "Admission Receipt Generator" project has successfully achieved its primary goal of
simplifying and enhancing the process of admission receipt generation for educational
institutions and organizations. This comprehensive project report summarizes the key aspects
and outcomes of the project.
The project's objectives, including efficiency, eco-friendliness, cost savings, and accessibility,
have been met through careful planning, design, and development. The application offers an
easy-to-use input form that captures vital admission details, and it has streamlined the
generation of professional-grade PDF receipts.
The introduction of eco-friendly practices, particularly the transition to digital PDF receipts,
aligns with sustainability goals and contributes to reduced paper consumption and waste. The
associated cost savings due to the elimination of paper-based receipts and physical storage
provide a tangible benefit for institutions.
The application's efficiency and automation have enhanced the accuracy of admission receipts,
reducing the likelihood of manual errors. Users are offered a user-friendly interface with clear
instructions, and the project's accessibility features ensure that individuals with disabilities can
effectively interact with the application.
The customization options empower institutions to tailor receipt content and branding to meet
their unique needs. Furthermore, the project's responsive design ensures a positive user
experience on various devices, including mobile phones and tablets.
In conclusion, the "Admission Receipt Generator" project represents a successful fusion of
technology, sustainability, and user-centered design. Its outcomes not only simplify
administrative tasks but also contribute to the larger goal of promoting eco-friendliness and
efficiency in educational institutions and organizations. With its flexibility and clear benefits,
the project paves the way for future enhancements and a digital future in admission receipt
management.

17
GT &MC Vishnupuri,Nanded
CSS(22519) Admission Receipt Generator

Reference
https://www.geeksforgeeks.org/

https://www.javatpoint.com/

https://chat.openai.com/

18
GT &MC Vishnupuri,Nanded