VISVESVARAYA TECHNOLOGICAL UNIVERSITY

JNANA SANGAMA, BELAGAVI - 590018

An Internship Report on
AI BASED ATTENDANCE SYSTEM

Submitted in partial fulfilment of requirements for award of the degree of

Bachelor of Engineering in
Information Science and Engineering
for the Academic Year: 2024-25

Submitted by
Basavaraju B (1NT22IS406)

Under the Guidance of

Supriya
Assistant Professor
Information Science and Engineering

External Guide Name: Akash kumar

DEPARTMENT OF INFORMATION SCIENCE AND

ENGINEERING
YELAHANKA, BENGALURU- 560064
 Department of Information Science
And Engineering

Certificate
This is to certify that the internship work entitled “AI BASED ATTENDANCE
SYSTEM,” has been successfully carried out by BASAVARAJU B (1NT22IS406), a
bonafide student of Nitte Meenakshi Institute of Technology, in partial fulfillment of
the requirements for the award of the degree of Bachelor of Engineering in Information
Science and Engineering under Visvesvaraya Technological University (VTU),
Belagavi, during the academic year 2024–2025.
The internship report has been examined and approved as it meets the academic
requirements prescribed under the autonomous scheme of Nitte Meenakshi Institute of
Technology, Bengaluru, for the said degree.

Signature of the Guide Signature of the HoD Signature of the Principal

Sneha Manoj Mohan SG Dr. H C. Nagaraj

Assistant Professor Head of the Department ISE Principal
Nitte Meenakshi Institute of Nitte Meenakshi Institute of Nitte Meenakshi Institute of
Technology, Bengauru-560064 Technology, Bengauru-560064 Technology, Bengauru-560064

External Internship Viva-Voce

Name of Examiners Signature with Date

1. …………………………….. …………………………..

2. …………………………….. …………………………..
Acknowledgement
The successful completion of our internship marks a significant milestone in our
academic journey. We take this opportunity to express our heartfelt gratitude to all those
who supported and guided us throughout this enriching experience. Whatever we have
achieved is the result of their encouragement, support, and timely guidance, for which we
remain deeply thankful.
We express our sincere thanks and seek the blessings of Dr. N. R. Shetty, Advisor, Nitte
Meenakshi Institute of Technology, for his vision and emphasis on experiential learning
and constructivist principles, which have immensely enhanced our academic and
professional development. We are grateful to Mr. Rohit Punja, Administrator, Nitte
Education Trust, and Dr. Sandeep Shastri, Vice President, Bangalore Campus, Nitte
University, for their strategic leadership and continuous support in fostering a culture of
academic excellence.
We extend our special thanks to our beloved Principal, Dr. H. C. Nagaraj, for providing
the infrastructure, resources, and motivation that enabled us to successfully complete our
internship. Our sincere gratitude goes to Dr. J. Sudheer Reddy, Dean – Academics, and
Dr. Kiran Aithal, Dean – Research & Development, for their guidance and for nurturing
an ecosystem that supports innovation and holistic growth.
We would like to express our deep appreciation to Dr. Mohan SG, Head of the
Department, Information Science and Engineering, for his/her constant encouragement
and for facilitating internship opportunities that bridge the gap between academia and
industry. We are immensely thankful to our faculty mentor/internship coordinator, Prof
Sneha Manoj, Assistant Professor, Department of Information Science and Engineering,
for his invaluable mentorship, timely feedback, and continuous support during our
internship period.
We also acknowledge with gratitude the support of our parents for their unwavering
encouragement and belief in us. Finally, we extend our heartfelt thanks to the industry
professionals, team members, and all others—named and unnamed—who contributed in
any way to making our internship experience meaningful and successful.

Place: Bengaluru Basavaraju B (1NT22IS406)

Date:

3
 Abstract

As a Full Stack Developer with a focus on Python, my internship at InternPe was

designed to provide a comprehensive, hands-on experience, significantly enhancing
my technical expertise and professional acumen. The objective of this internship was
to bridge the gap between theoretical knowledge and real-world applications,
allowing me to work on live projects and gain practical skills that would be highly
beneficial for my future career. A crucial aspect of this internship was skill
development. As a Full Stack Developer, I strengthened my Python programming
skills while gaining expertise in associated technologies such as HTML, CSS,
JavaScript for front-end development. Additionally, I worked extensively with
Python-based frameworks and libraries, including Flask and SQLAlchemy, for back-
end development. This approach ensured that I gained proficiency in both client-side
and server-side programming by learning and applying new concepts, debugging
code, and optimizing performance. Another significant part of my role involved
contributing to the project. I was able to make meaningful contributions to the AI-
Based Attendance System, utilizing advanced technologies such as OpenCV for face
recognition, Flask for the backend, Tailwind CSS for UI, and SQLAlchemy for 7 This
structured approach ensured that I became proficient in both front-end and back-end
development while enhancing my problem-solving, debugging, and code optimization
skills. The internship not only deepened my understanding of industry best practices
but also prepared me for future challenges in AI-driven applications and enterprise
software development.

4
5
Contents

Acknowledgement i

Abstract ii

List of Figures iv

List of Tables v

Chapter 1 Introduction 1

1.1 Purpose of the Internship 1

1.2 Internship Objectives 1

Chapter 2 Internship Activities and Responsibilities 2

2.1 Job Description and Task 2

2.2 Hardware and Software Requirements 2
2.3 Learning Experiences 2
2.4 Challenges and Solutions 2

Chapter 3 Learning Outcomes and Skills Acquired 3

3.1 Technical Skills 3

3.2 Hardware and Software Requirement 3

Chapter 4 Reflection on the Internship Experience 4

Chapter 6 Conclusion 5

6
List of Figures

Fig 3.1 Name of the Figure...........................................................................................................................6

Fig 3.2 Name of the Figure...........................................................................................................................7

Chapter 1 Introduction
In the digital age, the demand for interactive and responsive web applications has grown
exponentially, making web development a critical component of modern software

7
engineering. As organizations increasingly shift toward online platforms for business,
education, commerce, and communication, the need for skilled web developers who can
build scalable, user-friendly, and secure websites continues to rise. According to
W3Techs (2024), over 90% of all websites use HTML, CSS, and JavaScript as core
technologies, highlighting their foundational role in web development. Moreover,
frameworks like React, Angular, and Vue.js have transformed how frontends are built,
enabling the creation of modular, dynamic, and highly responsive user interfaces. This
internship focused on gaining practical experience in full-stack web development, with a
particular emphasis on frontend design principles, user interaction, and API integration.
The project undertaken during the internship provided exposure to real-world
development environments, version control systems like Git, and collaborative
development practices used in modern software teams. This report outlines the technical
processes, tools, and outcomes of the project, contributing to a deeper understanding of
professional web development workflows and industry standards.
1.1 Internship Objectives
The objective of this internship was to gain practical experience in web development by
working on real-world projects. It aimed to enhance technical skills in frontend
technologies like HTML, CSS, JavaScript, and frameworks such as React.js, while also
understanding backend integration through APIs. The internship focused on improving
proficiency in version control (Git), responsive design, debugging, and UI/UX best
practices. Additionally, it aimed to develop soft skills such as teamwork, communication,
and time management in a professional environment.

1.2 Company Overview

InternPe is a non-profit educational IT agency committed to upskilling students through
hands-on learning and training internships. We offer a wide range of opportunities in
various domains, including Web Development, Python, Java, and more. Our mission is to
bridge the gap between academic knowledge and industry requirements, providing real-
world experience and practical skills. Our internships are designed to enhance students'
technical proficiency and prepare them for successful tech careers. By partnering with
educational institutions and industry experts, InternPe ensures that our programs are

8
Chapter 2 Internship Activities and Responsibilities

2.1 Job Description and Task

During the web development internship, the primary responsibility was to support the
design and implementation of responsive, user-friendly web applications. The role
involved working on the frontend of websites using HTML, CSS, and JavaScript, along
with modern frameworks such as React.js to create interactive user interfaces. Tasks
included developing new web pages, updating existing components, and ensuring cross-
browser compatibility. The intern also collaborated with backend developers to
integrate RESTful APIs, allowing for smooth data flow between the frontend and
server. Version control was managed using Git and GitHub, with regular participation
in code reviews and team discussions. Additional responsibilities involved testing and
debugging interfaces, assisting in website deployment, and contributing ideas during
meetings. This experience provided valuable insight into real-world development
environments and enhanced both technical and collaborative skills.

TASK: AI BASED ATTENDANCE SYSTEM

9
10
 2.2 Hardware and Software Requirements
To efficiently develop and test the web applications during the internship, a computer
system with adequate processing power, memory, and storage was essential. The
recommended hardware included a multi-core processor, at least 8 GB of RAM, and a
minimum of 256 GB SSD to ensure smooth multitasking and fast data access. A stable
internet connection was also necessary for accessing online resources, APIs, and
version control platforms. On the software side, the development environment
comprised a modern code editor such as Visual Studio Code, along with necessary
extensions for JavaScript and framework support. Web browsers like Google Chrome
and Mozilla Firefox were used for testing and debugging across different environments.
Additionally, tools such as Node.js and npm were installed to manage packages and run
development servers, while Git was employed for version control. For styling,
frameworks like Tailwind CSS or Bootstrap were integrated, and API testing tools such
as Postman were occasionally used. This combination of hardware and software
ensured an effective and productive development workflow.

23-05-2025 Project Title | Dep

2.3 Learning Experiences
The internship provided invaluable learning experiences that bridged theoretical
knowledge and practical application in web development. Working on real projects
helped deepen my understanding of frontend technologies such as HTML, CSS,
JavaScript, and React.js, while also exposing me to backend API integration and version
control with Git. I gained hands-on experience in building responsive and accessible user

11
interfaces, enhancing my problem-solving skills through debugging and testing across
different browsers. Collaborating with a development team improved my communication
and teamwork abilities, while participating in agile workflows introduced me to project
management and iterative development processes. Additionally, I learned the importance
of writing clean, maintainable code and adhering to coding standards. Overall, the
internship significantly enhanced both my technical proficiency and professional work
habits, preparing me for future roles in the web development industry.

2.4 Challenges and Solutions

During the internship, several challenges were encountered that tested both technical
skills and problem-solving abilities. One common challenge was ensuring cross-
browser compatibility, as certain CSS styles and JavaScript functions behaved
differently across browsers. This was addressed by thorough testing and using
standardized libraries and polyfills to maintain consistency. Another challenge involved
integrating APIs where incomplete or inconsistent data caused unexpected errors;
resolving this required close collaboration with backend developers and implementing
robust error handling on the frontend. Managing version control conflicts also posed
difficulties initially, which were overcome by following best practices in Git workflows
and regularly communicating with team members. Time management was crucial,
especially when juggling multiple tasks under tight deadlines, and was improved by
adopting agile methodologies and breaking down work into smaller, manageable units.
These challenges provided valuable learning opportunities and strengthened my ability
to adapt and deliver quality work under pressure.

Chapter 3 Learning Outcomes and Skills Acquired

2.5 Technical Skills

Throughout the internship, I developed and enhanced a range of technical skills
essential for modern web development. I gained proficiency in HTML5, CSS3, and
JavaScript, enabling me to create responsive and interactive web pages. I worked
extensively with React.js, learning component-based architecture, state management,
and hooks to build dynamic user interfaces. Additionally, I became familiar with
RESTful API integration to connect frontend applications with backend services.
Version control using Git and GitHub was a crucial part of my workflow, allowing for

12
 efficient code management and collaboration. I also worked with CSS frameworks like
Tailwind CSS and Bootstrap to streamline styling and layout design. Tools such as
Visual Studio Code, Postman, and browser developer tools supported my
development and debugging processes. Overall, this internship significantly
strengthened my technical foundation and prepared me for professional web
development roles.

2.6 Hardware and Software Requirements

During the internship, I acquired significant technical and professional skills that have
prepared me for a career in web development. Technically, I developed proficiency in
frontend technologies such as HTML5, CSS3, JavaScript, and frameworks like React.js,
enabling me to build responsive and interactive web applications. I gained experience
integrating RESTful APIs, managing version control with Git and GitHub, and utilizing
CSS frameworks like Tailwind CSS for efficient styling. In addition to coding skills, I
enhanced my debugging, testing, and problem-solving abilities. Professionally, I
improved my teamwork, communication, and time management skills by collaborating
with a development team and adhering to agile methodologies.

To support these learning outcomes, the hardware and software requirements included a
computer with a multi-core processor, at least 8 GB of RAM, and SSD storage to ensure
smooth development workflows. Essential software tools comprised Visual Studio Code
as the code editor, Google Chrome and Mozilla Firefox for cross-browser testing, Node.js
and npm for package management, Git for version control, and API testing tools like
Postman. These resources collectively provided an efficient environment for
development, testing, and collaboration throughout the internship.

3.3 Knowledge Gained

Throughout the internship, I gained comprehensive knowledge of modern web
development practices, including the use of core frontend technologies such as HTML5,
CSS3, and JavaScript. I developed a deeper understanding of component-based
architecture through frameworks like React.js, learning how to create reusable and
efficient UI components. Additionally, I acquired practical experience in integrating
RESTful APIs to enable dynamic data exchange between the frontend and backend. I also
learned the importance of responsive design, accessibility standards, and cross-browser

13
compatibility to deliver consistent user experiences. The internship exposed me to version
control workflows using Git and collaborative development within a team environment.
Beyond technical skills, I gained insight into agile methodologies, project planning, and
the importance of clear communication in software development projects. Overall, the
internship significantly enhanced my ability to develop professional-quality web
applications and prepared me for future roles in the industry.

Chapter 4 Reflection on the Internship Experience

 Alignment with Expectations:
The internship was well aligned with my initial expectations. It provided practical
experience in web development, allowing me to apply the theoretical concepts I
had learned during my studies in a real-world setting.
 Most Valuable Aspects:
The most valuable parts of the internship were the hands-on exposure to frontend
technologies such as React.js and the opportunity to collaborate with a
professional development team. Learning about version control systems like Git
and participating in agile workflows significantly enhanced my understanding of
industry standards.
 Areas for Improvement:
While the internship was rewarding, it could have been improved by providing
more structured mentorship and regular feedback sessions. From my side, I
recognize that I could have been more proactive in seeking out challenging tasks
to maximize my learning experience.
 Impact on Career Goals:
This internship helped clarify my career aspirations by confirming my interest in
frontend web development. It emphasized the importance of continuous learning
and teamwork, motivating me to pursue further specialization and professional
growth in this field.

14
Chapter 5 Conclusion

 Key Takeaways:
The internship provided valuable hands-on experience with frontend web
development technologies like React.js, JavaScript, and responsive design
principles. I learned the importance of collaboration, version control, and agile
workflows in a professional setting. Additionally, problem-solving through
debugging and API integration strengthened my technical skills and boosted my
confidence in real-world application development.
 Future Goals:
This experience has solidified my interest in pursuing a career in frontend
development. Moving forward, I plan to deepen my expertise in modern
JavaScript frameworks and explore full-stack development to broaden my skill
set. Academically, I aim to focus on courses related to web technologies and
software engineering, while professionally seeking internships and projects that
challenge me to grow as a developer.

The internship at ImternPe has been an enriching journey that provided me with
valuable technical exposure, industry insights, and hands-on experience in the
field of AI- driven full-stack development. Over the course of this internship, I
have successfully transitioned from academic learning to real-world problem-
solving, enhancing my ability to design, develop, optimize, and secure complex
software systems. One of the most impactful experiences was working on the AI-
Based Attendance System, which involved integrating OpenCV-based facial
recognition with Flask-powered backend services and a SQLAlchemy-managed
database. This project challenged my ability to develop scalable solutions, refine
AI recognition accuracy, and implement security measures like password hashing,
authentication protocols, and encrypted data transmission. The process required
debugging, testing, performance optimization, and deployment readiness, all of
which strengthened my confidence in handling full-stack software development
tasks. Beyond technical expertise, this internship has shaped my approach to
problem-solving, teamwork, and professional communication. Collaborating with
mentors, senior developers, and team leads helped me understand industry-

15
standard workflows, best practices in software architecture, and methodologies
like Agile development and code reviews. The exposure to real- world project
cycles, API integrations, security implementations, and database management has
significantly contributed to my readiness for future roles in enterprise-level
software development. Additionally, working within a structured development
environment has improved my ability to troubleshoot challenges, optimize
performance, and write clean, scalable code. I also learned the importance of
documentation, version control, and structured collaboration, all of which are
essential skills for a software engineer.

16
.

17
18
19