SkillDzire Web Development Program Book
SkillDzire Web Development Program Book
SEMESTER INTERNSHIP
An Internship Report on
Department of
Submitted by:
Reg.No:
Department of
Page No
Student’s Declaration
I, a student of
Program, Reg. No. Of the Department of
College do hereby declare that I have completed the mandatory internship from
to in (Name of
the intern organization) under the Faculty Guideship of
(Name of the Faculty Guide), Department of
,
(Name of the College)
Page No
Official Certification
This is to certify that (Name of
the student) Reg. No. has completed his/her Internship in
(Name of the Intern Organization) on
(Title of the Internship) under my
supervision as a part of partial fulfillment of the requirement for the
Degree of in the Department of
(Name of the College).
Endorsements
Faculty Guide
Principal
Page No
Certificate from Intern Organization
Page No
Acknowledgements
Page No
Contents
Page No
CHAPTER 1: EXECUTIVE SUMMARY
The comprehensive 6-topic training program covers essential aspects of modern web and
application development, focusing on practical and interactive projects. It begins with an
introduction to currency conversion concepts, API integration, and user interface design to build a
responsive currency converter capable of fetching real-time exchange rates and supporting multiple
currencies. The program then progresses to handling user input, validation techniques, and
managing data through CRUD (Create, Read, Update, Delete) operations within a To-Do
application, emphasizing effective task management and user experience.
Further, the curriculum dives into structuring task objects, designing intuitive interfaces, and
implementing core functionalities such as adding, editing, deleting tasks, and saving data locally or
in a database. Filters for task status enhance the app's usability, while integrating weather APIs
introduces external data handling, location input validation, and dynamic weather information
display with responsive design considerations.
Advanced topics include error handling for API failures and invalid inputs to ensure robust
application behavior. The course also addresses creating secure and customizable random password
generators with options for length and complexity, coupled with real-time interactive UI design and
copy-to-clipboard functionality to improve user convenience.
Finally, learners build a complete product listing page with cart functionality, integrating frontend
design with interactive user actions. This comprehensive course blends foundational concepts with
practical implementation, preparing students to develop responsive, user-centric web applications
incorporating API data, CRUD operations, security features, and dynamic UI components,
equipping them with skills relevant for real-world projects in web and mobile app development.
Page No
CHAPTER 2: OVERVIEW OF THE INTERN ORGANIZATION
Page No
CHAPTER 3: I N T E RN S H I P P ART
The internship program centered around this comprehensive development curriculum offers
valuable hands-on experience in building real-world web and mobile applications. Interns engage
deeply with core programming concepts, such as API integration, user interface (UI) and user
experience (UX) design, data handling through CRUD operations, and responsive design principles.
This practical exposure prepares them to work effectively in dynamic development environments.
The focus on security aspects, such as designing random password generators with customizable
complexity and clipboard functionality, ensures interns understand the importance of secure coding
practices. Additionally, building a product listing page with cart functionality introduces them to e-
commerce development workflows, reinforcing their knowledge of interactive UI components and
state management.
Interns also learn to troubleshoot common issues, debug code efficiently, and optimize applications
for better performance and user experience. Collaborative work with mentors and peers helps
develop communication, problem-solving, and project management skills vital for professional
growth.
By the end of the internship, participants will have a portfolio of completed projects demonstrating
their ability to design and develop responsive, user-friendly applications that integrate multiple APIs
and features. This experience significantly boosts their employability and readiness for roles in
software development, front-end engineering, and full-stack application development.
Page No
CHAPTER 4: WEEKLY REPORT
Signature
Brief description of
Day of Person
the daily activity Learning Outcome In-Charge
Day 3 Designing the UI/UX for the Develop skills in creating user-
currency converter: wireframes friendly, intuitive interfaces
and user interaction
considerations
Page No
Weekly REPORT
Week – 1 ( From Dt………..….. to Dt ........................)
Midweek, the focus shifted to technical integration. Learners studied API documentation, practiced
setting up API calls, and successfully fetched real-time exchange rates using services like
ExchangeRate-API. This hands-on experience strengthened their understanding of how external data
sources can be integrated into applications.
Parallel to backend development, emphasis was placed on UI/UX design. Students created wireframes
and planned user interactions, ensuring that the currency converter would be intuitive and user-
friendly. The importance of clear design to enhance user experience was highlighted.
Subsequent sessions involved implementing multi-currency support and robust input validation to
ensure that users could convert between various currencies without errors. This reinforced the
significance of validating user input for application reliability.
The week concluded with formatting and displaying the converted currency values clearly,
emphasizing readability and accuracy. Comprehensive testing was conducted to verify all
functionalities, ensuring smooth user experience and data correctness. Overall, this week provided a
well-rounded experience combining backend API integration, frontend design, and application testing,
equipping learners with essential skills to build practical currency conversion tools.
Page No
ACTIVITY LOG FOR THE SECOND WEEK
Day 3 Formatting and displaying Gain skills in formatting output data for
converted values clearly and enhanced readability and user
accurately. comprehension.
Page No
WEEKLY REPORT
Week – 2 (From Dt………..….. to Dt........................)
Day 2 expanded on this by covering various form validation methods, both client-side and
server-side. Learners practiced validating input data through different techniques to improve
user experience and minimize incorrect data entries. This ensured the application could handle
real-world scenarios gracefully.
On Day 3, the emphasis shifted to formatting and displaying converted values in a clear and
user-friendly manner. Students learned how to present data neatly, making output
comprehensible and visually appealing. This skill is critical for creating intuitive interfaces,
especially when dealing with financial or numeric information.
Days 4 and 5 were dedicated to CRUD operations within the To-Do app context. Day 4
introduced the core concepts of creating, reading, updating, and deleting tasks, helping learners
understand how these operations are essential to dynamic app behavior. By Day 5, participants
implemented these functionalities practically, building task management features like adding,
editing, and deleting tasks. This hands-on experience solidified their understanding of managing
application state and dynamic data interaction.
Overall, this week equipped learners with essential front-end and back-end programming skills,
emphasizing user input management, data validation, output formatting, and CRUD operations,
which are fundamental in modern web and app development.
Page No
ACTIVITY LOG FOR THE THIRD WEEK
Day 1 Understanding the structure Learners will grasp how to define and
of a Task object: ID, organize task data systematically for
description, and status efficient management.
Page No
WEEKLY REPORT
Week – 3 (From Dt………..….. to Dt........................)
On Day 1, learners were introduced to the fundamental structure of a task object, including
key attributes such as task ID, description, and status. This foundational knowledge enabled
students to systematically organize task data for efficient management and retrieval.
Day 2 centered around UI design principles aimed at creating an intuitive and user-friendly
interface for displaying and interacting with tasks. Emphasis was placed on usability and
accessibility, ensuring that users could easily navigate and manage their tasks.
Day 4 explored various data storage methods, including browser local storage and database
options. Learners understood the importance of persisting data across sessions, ensuring that
task information remains intact even after the application is closed or refreshed.
Finally, on Day 5, students integrated the user interface with backend storage solutions,
achieving seamless synchronization between user actions and data persistence. This
integration fostered a robust, interactive task management system capable of handling real-
time updates and improving user experience.
Overall, the week equipped learners with comprehensive skills in task object design, UI/UX
principles, CRUD functionalities, and data storage methods—key components in building
effective productivity applications.
Page No
ACTIVITY LOG FOR THE FOURTH WEEK
Day 3 Built UI for entering user Learned how to capture and validate
location and implemented form user input efficiently for location-
validation to ensure accuracy of based services.
input.
Day 4 Parsed the API response and Developed skills to extract and
displayed weather data such as present data from APIs in a clean
temperature, humidity, and and user-friendly format.
conditions using styled UI
elements.
Day 5 Enhanced the UI with icons and Improved user experience with
added error handling for invalid responsive design and implemented
locations or failed API calls. robust error handling mechanisms.
Finalized testing of To-Do filters
and weather components.
Page No
WEEKLY REPORT
Week – 4 (From Dt………..….. to Dt........................)
Midweek, the transition was made toward real-time data handling through the integration of
weather APIs. Students were introduced to the OpenWeatherMap API, understanding its
endpoint structure, API key management, and request-response workflow. They implemented
features to capture user input for city/location and validated the inputs to avoid empty or
incorrect entries.
Subsequent sessions focused on parsing API responses to display useful weather metrics such
as temperature, humidity, and descriptions. Students learned to design intuitive UI layouts for
displaying this information clearly, using icons and responsive elements to enhance the user
experience. They also implemented error handling mechanisms for invalid inputs and network
failures, ensuring robust functionality.
By the end of the week, students successfully built a weather dashboard that dynamically
responds to user input and a refined To-Do application with filtering capabilities. This module
enhanced their skills in asynchronous JavaScript, API integration, data validation, conditional
rendering, and user-centered design. The experience bridged practical UI development with
real-world API usage, preparing learners to build interactive, data-driven web applications.
Page No
ACTIVITY LOG FOR THE FIFTH WEEK
Page No
WEEKLY REPORT
Week – 5 ( From Dt………..….. to Dt ........................)
In the mid-week sessions, the focus shifted to robust error handling in API integration.
Learners implemented try-catch blocks and created user-friendly error messages to manage
failures such as network issues, invalid responses, or missing data. This was critical in
developing applications that behave predictably under failure conditions, maintaining user
trust and application integrity.
The latter half of the week introduced the logic and construction of a random password
generator. Participants explored how to define character pools (uppercase, lowercase, digits,
and special characters), apply randomization functions, and allow user customization based on
password length and complexity preferences. They developed interactive interfaces enabling
real-time selection of password criteria, and also integrated copy-to-clipboard functionality to
enhance usability.
By the end of the week, students had also incorporated dynamic feedback mechanisms such as
password strength indicators and error prompts. Emphasis was placed on clean, intuitive
UI/UX design principles to ensure that the applications not only worked well but looked
professional and user-friendly.
Overall, the week significantly strengthened both the technical and design skills of the
learners, preparing them for real-world web development scenarios.
Page No
ACTIVITY LOG FOR THE SIXTH WEEK
Page No
WEEKLY REPORT
Week – 6 ( From Dt………..….. to Dt ........................)
On the second day, we delved into the security aspects of password generation, emphasizing
entropy, randomness, and complexity rules. Participants were guided to write logic that includes
a mix of uppercase, lowercase, numbers, and symbols, with customizable length and complexity
options. This helped them internalize best practices for creating secure applications.
The third day focused on UI interactivity, with trainees designing a real-time responsive
password generator. Visual indicators like strength meters, toggles, and sliders enhanced the
user experience. CSS transitions and dynamic DOM updates were introduced to provide
feedback-based interaction.
By Day 4, the focus shifted to building a product listing page using HTML and CSS. Static
layout creation involved defining product cards with images, prices, and descriptions. Best
practices in grid layouts and responsiveness were introduced to ensure device adaptability.
Page No
CHAPTER 5: OUTCOMES DESCRIPTION
Page No
II. Describe the real time technical skills you have acquired:
(in terms of the job-related skills and hands on experience)
Page No
III. Describe the managerial skills you have acquired:
(in terms of planning, leadership, team work, behaviour, workmanship, productive use of time,
weekly improvement in competencies, goal setting, decision making, performance analysis, etc.)
Page No
IV. Describe how you could improve your communication skills:
(in terms of improvement in oral communication, written communication, conversational
abilities, confidence levels while communicating, anxiety management, understanding others,
getting understood by others, extempore speech, ability to articulate the key points, closing the
conversation, maintaining niceties and protocols, greeting, thanking and appreciating others,
etc.,)
Page No
V. Describe how you could enhance your abilities in group discussions, participationin
teams, contribution as a team member, leading a team/activity:
Page No
VI. Describe the technological developments you have observed and relevant to
thesubject area of training:
(focus on digital technologies relevant to your job role)
Page No
Student Self Evaluation of the Short-Term Internship
Date of Evaluation:
1 Oral communication 1 2 3 4 5
2 Written communication 1 2 3 4 5
3 Proactiveness 1 2 3 4 5
4 Interaction ability with community 1 2 3 4 5
5 Positive Attitude 1 2 3 4 5
6 Self-confidence 1 2 3 4 5
7 Ability to learn 1 2 3 4 5
8 Work Plan and organization 1 2 3 4 5
9 Professionalism 1 2 3 4 5
10 Creativity 1 2 3 4 5
11 Quality of work done 1 2 3 4 5
12 Time Management 1 2 3 4 5
13 Understanding the Community 1 2 3 4 5
14 Achievement of Desired Outcomes 1 2 3 4 5
15 OVERALL PERFORMANCE 1 2 3 4 5
Page No
Evaluation by the Supervisor of the Intern Organization
Date of Evaluation:
Please note that your evaluation shall be done independent of the Student’s self-
evaluation
1 Oral communication 1 2 3 4 5
2 Written communication 1 2 3 4 5
3 Proactiveness 1 2 3 4 5
4 Interaction ability with community 1 2 3 4 5
5 Positive Attitude 1 2 3 4 5
6 Self-confidence 1 2 3 4 5
7 Ability to learn 1 2 3 4 5
8 Work Plan and organization 1 2 3 4 5
9 Professionalism 1 2 3 4 5
10 Creativity 1 2 3 4 5
11 Quality of work done 1 2 3 4 5
12 Time Management 1 2 3 4 5
13 Understanding the Community 1 2 3 4 5
14 Achievement of Desired Outcomes 1 2 3 4 5
15 OVERALL PERFORMANCE 1 2 3 4 5
Page No
PHOTOS & VIDEO LINKS
Page No
EVALUATION
Page No
Internal & External Evaluation for Semester Internship
Objectives:
• Explore career alternatives prior to graduation.
• To assess interests and abilities in the field of study.
• To develop communication, interpersonal and other critical skills in the
future job.
• To acquire additional skills required for the world of work.
• To acquire employment contacts leading directly to a full-time job following
graduation from college.
Assessment Model:
• There shall be both internal evaluation and external evaluation
• The Faculty Guide assigned is in-charge of the learning activities of the
students and for the comprehensive and continuous assessment of the
students.
• The assessment is to be conducted for 200 marks. Internal Evaluation for 50
marks and External Evaluation for 150 marks
• The number of credits assigned is 12. Later the marks shall be converted into
grades and grade points to include finally in the SGPA and CGPA.
• The weightings for Internal Evaluation shall be:
o Activity Log 10 marks
o Internship Evaluation 30 marks
o Oral Presentation 10 marks
• The weightings for External Evaluation shall be:
o Internship Evaluation 100 marks
o Viva-Voce 50 marks
• The External Evaluation shall be conducted by an Evaluation Committee
comprising of the Principal, Faculty Guide, Internal Expert and External
Expert nominated by the affiliating University. The Evaluation Committee
shall also consider the grading given by the Supervisor of the Intern
Organization.
• Activity Log is the record of the day-to-day activities. The Activity Log is
assessed on an individual basis, thus allowing for individual members within
groups to be assessed this way. The assessment will take into consideration
Page No
the individual student’s involvement in the assigned work.
• While evaluating the student’s Activity Log, the following shall be
considered -
a. The individual student’s effort and commitment.
b. The originality and quality of the work produced by the individual
student.
c. The student’s integration and co-operation with the work assigned.
d. The completeness of the Activity Log.
• The Internship Evaluation shall include the following components and based
on Weekly Reports and Outcomes Description
a. Description of the Work Environment.
b. Real Time Technical Skills acquired.
c. Managerial Skills acquired.
d. Improvement of Communication Skills.
e. Team Dynamics
f. Technological Developments recorded.
Page No
MARKS STATEMENT
(To be used by the Examiners)
Page No
INTERNAL ASSESSMENT STATEMENT
Page No
EXTERNAL ASSESSMENT STATEMENT
Maximum Marks
Sl.No Evaluation Criterion
Marks Awarded
1. Internship Evaluation 80
For the grading giving by the Supervisor of
2. 20
the Intern Organization
3. Viva-Voce 50
TOTAL 150
GRAND TOTAL (EXT. 50 M + INT. 100M) 200