KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

INTERNSHIP REPORT
On
FULL STACK INTERNSHIP
A report submitted in partial fulfillment of the requirements for the Award of
Degree of

BACHELOR OF TECHNOLOGY
in
COMPUTER SCIENCE AND ENGINEERING
By

VATTIKONDA SRAVANTHI-21JR1A05F8

Under Supervision of

N. HARI KRISHNA, ASSISTANT PROFESSOR, DEPT. OF CSE

(Duration: June 2024 to August 2024)

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

KKR & KSR INSTITUTE OF TECHNOLOGY AND

SCIENCES
(APPROVED BY AICTERAND PERMANENTELY AFFILIATED TO JNTUK)
Accredited by NBA and NAAC with ‘A’ Grade
Vinjamanpadu(V),Vaticherkuru(M),
GUNTUR– 522017
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES

(APPROVED BY AICTERAND PERMANENTELY AFFILIATED TO JNTUK)
Accredited by NBA and NAAC with ‘A’
GradeVinjamanpadu (V), Vaticherkuru
(M), GUNTUR– 522017

CERTIFICATE

This is to certify that the virtual industrial internship project “FULL STACK DEVELOPMENT
INTERNSHIP” is a bonafied work of VATTIKONDA SRAVANTHI 21JR1A05F8, who carried out
the work under my super visioned submitted in partial fulfillment of the requirements for the award
of credits in 4th Year 1st Semester of BACHELOR OF TECHNOLOGY in COMPUTER
SCIENCE AND ENGINEERING during the Academic Year 2024-25

INTERNSHIP CO-ORDINATOR HEAD OF THE DEPARTMENT

EXTERNAL EXAMINER

COMPUTER SCIENCE AND ENGINEERING

1
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

DECLARATION
This is to certify that the virtual industrial internship project entitled “FULL STACK
DEVELOPMENT INTERNSHIP” has been carried out and submitted in partial fulfillment for the
award to the Degree of Bachelor of Technology in Computer Science and Engineering to
Jawaharlal Nehru Technological University Kakinada under the guidance of , N. Hari Krishna,
Assistant Professor, the work embodied in this internship work is original and has not been submitted
in part or full for any degree of this or any degree of any other university.

VATTIKONDA SRAVANTHI
21JR1A05F8

COMPUTER SCIENCE AND ENGINEERING

2
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

ACKNOWLEDGEMENT

I would like to express our profound gratitude towards Mr. B. Prasanna Kumar,
M.Tech.(Ph.D)Associate Professor, Dept. Of CSE who played a supervisory role to utmost perfection,

enabled us to seek through our virtual industrial internship and for guiding as an internal guide
methodically and meticulously.
I render our deep sense of gratitude to Prof. R. Ramesh, Head of the Department, for
permitting us to carry out our main project works
I am highly indebted to Dr. K. Haribabu, Academic Director, for providing us with all the
necessary support and Dr. P. Babu, Principal for all necessary guidance and proper information regarding
the internships.

I want to thank our collage management for their enduring encouragement and assistance
whenever required.

I would also like to thank the APSCHE for giving me the opportunity to do an internship within
the organization

By

VATTIKONDA SRAVANTHI
(21JR1A05F8)

COMPUTER SCIENCE AND ENGINEERING

3
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

ABSTRACT
The Full-Stack Web Development Internship offers a comprehensive opportunity for aspiring developers to
gain hands-on experience in designing, developing, and maintaining web applications. The role involves
working across both front-end and back-end technologies, fostering a strong understanding of the complete
development lifecycle. Interns will collaborate with experienced developers on projects using modern
frameworks and technologies such as HTML, CSS, JavaScript, React, Node.js, and databases like MongoDB
and MySQL.
Throughout the internship, participants will develop a robust skill set in problem-solving, debugging, and
testing, while learning to integrate APIs and deploy scalable web applications. Interns will also focus on
improving user experience, implementing responsive designs, and ensuring the performance and security of
web solutions. By the end of the internship, participants will have a portfolio of practical, real-world projects
that demonstrate their ability to build full-stack applications.

COMPUTER SCIENCE AND ENGINEERING

4
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

CERTIFICATE

COMPUTER SCIENCE AND ENGINEERING

5
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

INDEX
S.NO CONTENT PAGE NO
1 DECLARATION 2
2 ACKNOWLEDGEMENT 3

3 ABSTRACT 4
4 INTERNSHIP CERTIFICATE 5
5
CHAPTER-1: EXECUTIVE SUMMARY
8
1.1: COURSE LEARNING OBJECTIVES
09
1.2: COURSE OUTCOMES
6
CHAPTER-2 : OVERVIEW OF AN
ORGANIZATION
2.1: INTRODUCTION OF THE ORGANIZATION
2.2: VISION, MISSION AND VALUES OF THE 10
ORGANIZATION
7
CHAPTER-3
3.1: INTRODUCTION
11
3.2: WHAT IS FULL STACK DEVELOPMENT
11
3.3 WHO USE FULL STACK
12
8 CHAPTER-4: FULL STACK SERVICES
13-15
9
9 CHAPTER-5:FULL STACK APPLICATIONS
16-17

CHAPTER-6:BENEFITS OF FULL STACK 18

10

11 CHAPTER-7: FULL STACK LIMITATIONS

19-20

COMPUTER SCIENCE AND ENGINEERING

6
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

12

CHAPTER-8 WEEKLY REPORT

WEEK 1- INTRODUCTION ABOUT FSD
21
WEEK 2- ADVANCED DJANGO AND DATABSE
MANAGEMENT 22
WEEK 3 – FRONT-END INTEGRATION WITH DJANGO
23
WEEK 4- ADVANCED TOPICS IN DJANGO
24
WEEK 5 – BUILDING A FULL APPLICATION
25
WEEK 6 -DEPLOYMENT AND OPTIMIZATION
26
WEEK 7 -ADVANCED CONCEPTS AND REVIEW
27
13 CHAPTER -9 :OUTCOMES DESCRIPTION

9.1 WORK ENVIRONMENT

28
9.2 REAL TIME TECHNICAL SKILLS ACQUIRED
28
9.3 MANAGERIAL SKILLACQUIRED
28
9.3 IMPROVEMENT OF COMMUNICATION SKILLS
28
9.4 TECHNOLOGICAL OF COMMUNICATION SKILLS
29
9.5 TECHNOLOGICAL DEVELOPMENTS
29
14 PROJECT-CALORIE CALCULATOR
30-43
15 STUDENT SELF-EVALUATION OF THE SHORT-TERM
INTERNSHIP

44

COMPUTER SCIENCE AND ENGINEERING

7
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

CHAPTER 1: EXECUTIVE SUMMARY

The Full-Stack Web Development Internship is designed to provide participants with practical,
hands-on experience in developing modern web applications. The program focuses on both front-end
and back-end development, enabling interns to work across the entire web development process. Interns
will engage with key technologies such as HTML, CSS, JavaScript, React, Node.js, and databases like
MongoDB and MySQL.
This internship emphasizes building real-world projects, where participants will collaborate in
teams, write clean and efficient code, integrate APIs, and ensure web applications are responsive, secure,
and user-friendly. Interns will also gain exposure to best practices in debugging, testing, and deploying
applications to production environments.

1.1 CourseLearning Objectives

• Gain a solid understanding of core web development concepts, including the roles of front-end
and back-end development, and how they interact in building full-stack applications.
• Learn the fundamentals of Django, including the MVC (Model-View-Controller) architecture,
routing, and creating web applications with Django’s robust tools.
• Create RESTful APIs using Django REST Framework, understanding how to handle CRUD
operations, serialization, and URL routing.
• Build responsive front-end interfaces using HTML, CSS, and JavaScript frameworks (such as
React or Bootstrap) and learn to integrate them with Django back-end services.
• Work with Django’s ORM (Object-Relational Mapping) to interact with databases, manage
migrations, and optimize database queries using PostgreSQL or MySQL.
• Learn to deploy Django applications on cloud platforms like Heroku or AWS, managing
production settings and databases, and ensuring application scalability.

COMPUTER SCIENCE AND ENGINEERING

8
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

1.2 CourseOutcomes
Student will be able to

1. Successfully design and build a fully functional web application using Django and

integrate with a modern front-end framework.

2. Understand and implement secure user authentication systems, including social login
options (OAuth)

3. Be capable of designing relational database schemas and optimizing queries using Django ORM.

4. Develop robust RESTful APIs using Django REST Framework for seamless c

communication between the front-end and back-end.

5. Deploy a Django application to production using cloud services like Heroku or AWS, and manage

application scalability.

COMPUTER SCIENCE AND ENGINEERING

9
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

CHAPTER-2: OVERVIEW OF THE ORGANIZATION

2.1 INTRODUCTION OF THE ORGANIZATION

EduSkills is a Non-profit organization which enables Industry 4.0 ready digital workforce in India. Our
vision is to fill the gap between Academia and Industry by ensuring world class curriculum access to our
faculties and students. We want to completely disrupt theteaching methodologies and ICT based
education system in India. We work closely with all the important stakeholders in the ecosystem
Students, Faculties, Education Institutions and Central/State Governments by bringing them together
through our skilling interventions. Our three-pronged engine targets social and business impact by
working holistically on Education,Employment and Entrepreneurship.

2.2 VISION:
Transforming the vision of ‘Skilled India’ and Education for to benefit the education
ecosystem by providing 360-degree holistic solutions to all the stakeholders.

2.3 MISSION:
To positively impact 1 million beneficiaries by 2024.

2.4 VALUES:
 To provide innovative learning aids and services in the education sector.
 To connect industry-ready professionals, researchers, advanced learners, andentrepreneurs
who can take best care of stake holders.
 To extend cutting-edge research, publications and consultancy.

 To progress global knowledge and skills for the next generation.

COMPUTER SCIENCE AND ENGINEERING

10
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

CHAPTER-3
3.1. INTRODUCTION

. Full-stack web development refers to the practice of building both the front-end and back-end
of web applications. With Django, a high-level Python web framework, developers can efficiently create
robust, scalable, and secure web applications. Django follows the "batteries-included" philosophy,
offering built-in features such as authentication, ORM (Object-Relational Mapping), and a versatile
templating engine, which significantly speeds up the development process.
In full-stack development with Django, developers work on the back-end to manage databases,
server logic, and application workflows, while also handling the front-end, ensuring a smooth and
engaging user experience with HTML, CSS, and JavaScript. Django’s MVC (Model-View-Controller)
architecture, combined with modern front-end frameworks like React or Vue.js, allows developers to
build powerful web applications, manage APIs, and implement dynamic, interactive features.

3.2. WHAT IS FULL STACK DEVELOPMENT?

Full-stack development refers to the practice of developing both the front-end (client-side) and back-
end (server-side) of a web application. A full-stack developer is proficient in working with all layers of
a web application, from designing the user interface to managing databases and server infrastructure.

Front-End Development (Client-Side):

 This involves creating the parts of a web application that users interact with directly. It focuses
on the look, feel, and behavior of the website.
 Technologies: HTML, CSS, JavaScript, frameworks like React, Angular, Vue.js.

Back-End Development (Server-Side):

 The back-end handles the server, databases, and application logic. It processes user requests,
interacts with the database, and sends the appropriate data to the front-end.
 Technologies: Python (Django, Flask), JavaScript (Node.js), Ruby on Rails, PHP, Java, databases
like MySQL, PostgreSQL, and MongoDB.

Database Management:
 Managing databases involves storing, retrieving, and manipulating data that is
required for the application to function.
 Technologies: SQL-based databases like MySQL, PostgreSQL, and NoSQL
databases like MongoDB.

COMPUTER SCIENCE AND ENGINEERING

11
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

APIs (Application Programming Interfaces):

 Full-stack developers often work with APIs to enable communication between the
front-end and back-end, and sometimes with third-party services.
 Technologies: REST, GraphQL.

Version Control:
 Keeping track of code changes is critical in development.

 Technology: Git and platforms like GitHub, GitLab.

3.3 Who use Full Stack ?

Full-stack development is used by a wide range of professionals and organizations due to

its versatility and the ability to handle both front-end and back-end development. Here are
some examples of who typically uses full-stack development:
Startups and small businesses often have limited resources, so hiring a full-stack developer allows
them to build and maintain an entire application without needing separate specialists for front-end and
back-end work.
Benefit: Full-stack developers can handle multiple roles, reducing the need for a larger development
team.

Freelance developers often need to manage complete projects on their own, which requires knowledge
of both front-end and back-end technologies.
Benefit: Being a full-stack developer allows freelancers to offer end-to-end solutions to clients,
covering everything from UI/UX design to server deployment.

Even larger companies with dedicated teams benefit from full-stack developers who can bridge the
gap between different parts of a project, ensuring seamless collaboration between front-end and back-
end teams.
Benefit: Full-stack developers can fill in gaps, troubleshoot across the tech stack, and provide flexible
support wherever needed.

COMPUTER SCIENCE AND ENGINEERING

12
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

CHAPTER-4 FSD SERVICES

Full Stack Development (FSD) services encompass a wide range of offerings related to the design,
development, and maintenance of web applications that involve both front-end and back-end
technologies. Here are some common services provided under full stack development :

Web Application Development:

 Custom Web Applications: Building tailored web applications to meet specific business needs
using frameworks like Django, Ruby on Rails, or Node.js.
 Content Management Systems (CMS): Developing CMS solutions like WordPress or custom
CMS to manage content dynamically.

Front-End Development:
 User Interface (UI) Design: Creating visually appealing and user-friendly interfaces using
HTML, CSS, and JavaScript frameworks (e.g., React, Angular, Vue.js).
 Responsive Design: Ensuring applications are accessible and functional on various devices and
screen sizes.

Back-End Development:
 Server-Side Development: Implementing server-side logic, APIs, and database interactions
using languages like Python, Java, or PHP.
 Database Management: Designing and managing databases using SQL (MySQL, PostgreSQL)
or NoSQL (MongoDB) databases.

COMPUTER SCIENCE AND ENGINEERING

13
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

API Development:
 RESTful APIs: Creating APIs that enable communication between the front end and back end,
as well as integration with third-party services.
 GraphQL APIs: Implementing GraphQL for more efficient data retrieval and management.
DevOps and Deployment:
 Deployment Services: Setting up environments for deployment on cloud platforms (AWS,
Heroku, Azure) and managing server configurations.
 Continuous Integration/Continuous Deployment (CI/CD): Implementing CI/CD pipelines for
automated testing and deployment processes.
E-commerce Development:
 Online Stores: Building e-commerce platforms with shopping cart functionalities, payment
gateways, and inventory management.
 Custom Solutions: Tailoring e-commerce solutions to specific business requirements.
Mobile Application Development:
 Web Apps for Mobile: Creating responsive web applications that work seamlessly on mobile
devices.
 Progressive Web Apps (PWAs): Developing PWAs that provide a native app-like experience in
web browsers.
Maintenance and Support:
 Ongoing Maintenance: Providing regular updates, bug fixes, and performance improvements
for web applications.
 Technical Support: Offering support services to troubleshoot issues and ensure smooth
operation.
Consulting and Strategy:
 Technology Consulting: Advising on technology stack choices, architecture design, and best
practices for web development.
 Project Management: Overseeing the development process from inception to deployment,
ensuring timely delivery.
User Experience (UX) Design:
 User Research and Testing: Conducting user research and usability testing to enhance the
overall user experience.

COMPUTER SCIENCE AND ENGINEERING

14
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

 Wireframing and Prototyping: Creating wireframes and prototypes to visualize application

designs before development.

Tasks assigned in FSD:

The primary objective of this task is to design a visually appealing and responsive web
layout using HTML and CSS. This layout will serve as the foundation for a web
application and should be structured to accommodate various content types while ensuring
a seamless user experience.
Create a new project folder and set up a basic file structure, including:
 index.html: The main HTML file.
 styles.css: A dedicated CSS file for styling.
 (Optional) Additional HTML files for different sections or pages.

COMPUTER SCIENCE AND ENGINEERING

15
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

CHAPTER 5. FSD APPLICATIONS

Full Stack Development (FSD) applications are versatile web applications that utilize both front-end and
back-end technologies to provide comprehensive functionality. Here are some common types of
applications developed using full-stack development:

1. E-commerce Platforms:
 Description: Online stores where users can browse products, add items to their cart, and make
purchases.
 Technologies: HTML, CSS, JavaScript (React/Vue.js), Node.js/Django, and databases
(MySQL/MongoDB).
 Example Features: Product listings, shopping cart, user accounts, payment gateways, and order
management.

2. Content Management Systems (CMS):

 Description: Applications that allow users to create, edit, and manage digital content without
needing extensive technical knowledge.
 Technologies: HTML, CSS, PHP (WordPress), or Python (Django).
 Example Features: User authentication, post management, media uploads, and customizable
themes.

3. Social Media Platforms:

 Description: Applications that enable users to connect, share, and communicate with others.
 Technologies: HTML, CSS, JavaScript (React/Angular), Node.js/Python, and databases
(MongoDB).
 Example Features: User profiles, news feeds, messaging, and notifications.

4. Portfolio Websites:
 Description: Personal websites that showcase an individual’s work, skills, and experiences.
 Technologies: HTML, CSS, JavaScript (React/Vue.js), and back-end services (Node.js/Django).
 Example Features: Image galleries, project descriptions, contact forms, and blog sections.

5. Project Management Tools:

 Description: Applications that help teams plan, track, and collaborate on projects.
 Technologies: HTML, CSS, JavaScript (React/Angular), Node.js/Django, and databases
(PostgreSQL).
 Example Features: Task management, user assignments, timelines, and file sharing.

6. Online Learning Platforms:

 Description: Educational websites that offer courses, quizzes, and certifications.
 Technologies: HTML, CSS, JavaScript (React/Vue.js), Node.js/Python, and databases (MySQL).
 Example Features: Course catalogs, video hosting, progress tracking, and forums.

7. Blogging Platforms:
 Description: Websites that allow users to publish articles, share opinions, and engage with
readers.

COMPUTER SCIENCE AND ENGINEERING

16
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

 Technologies: HTML, CSS, JavaScript (React/Angular), and back-end frameworks

(Django/Flask).
 Example Features: Post creation, comment sections, tagging, and social sharing.

8. Real-Time Chat Applications:

 Description: Applications that enable users to communicate instantly through messaging.
 Technologies: HTML, CSS, JavaScript (React/Angular), Node.js (Socket.IO), and databases
(MongoDB).
 Example Features: One-on-one chats, group chats, and file sharing.

9. Booking Systems:
 Description: Applications that allow users to book appointments or reservations for services or
events.
 Technologies: HTML, CSS, JavaScript (React/Vue.js), Node.js/Django, and databases
(PostgreSQL).
 Example Features: Calendar views, booking confirmations, and user notifications.

10. Finance and Budgeting Apps:

 Description: Applications that help users manage their finances, track expenses, and create
budgets.
 Technologies: HTML, CSS, JavaScript (React), and back-end services (Django/Node.js).
 Example Features: Expense tracking, budgeting tools, and financial reporting.

Conclusion
Full Stack Development applications are diverse and can be tailored to meet various business needs and
user requirements. By leveraging both front-end and back-end technologies, developers can create
robust, efficient, and user-friendly applications across multiple domains.
.

COMPUTER SCIENCE AND ENGINEERING

17
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

CHAPTER 6 -BENEFITS OF FULL STACK

Full stack development refers to the practice of working on both the front-end (client-side) and back-end
(server-side) of web applications. Here are some key benefits of being a full stack developer:

1. Versatility: Full stack developers possess a wide range of skills, allowing them to handle various
aspects of a project, from database management to UI design. This versatility can be beneficial
in small teams or startups.

2. Better Understanding of the Project: Being knowledgeable about both front-end and back-end
technologies enables developers to understand how different components of an application
interact, leading to better decision-making and problem-solving.

3. Improved Communication: Full stack developers can communicate effectively with both front-
end and back-end teams, facilitating collaboration and reducing misunderstandings.

4. Increased Job Opportunities: Companies often prefer hiring full stack developers because they
can fulfill multiple roles. This can lead to more job opportunities and potentially higher salaries.

5. Efficiency: Full stack developers can work on both ends of a project, reducing the need for
specialized roles. This can speed up development timelines and streamline workflows.

6. Holistic Problem-Solving: Full stack developers are better equipped to identify issues that may
arise between front-end and back-end processes, leading to more effective troubleshooting.

7. Easier Project Management: With a comprehensive skill set, full stack developers can take
ownership of entire projects or phases, making project management more straightforward and
efficient.

1. Continuous Learning: The tech landscape is always evolving. Full stack developers often
engage in continuous learning to keep up with new technologies, frameworks, and best practices,
making them adaptable and relevant in the industry.
2. Creative Freedom: Having control over both the front-end and back-end allows full stack
developers to be more creative in their solutions and design implementations.
3. Faster Prototyping: Full stack developers can quickly prototype and iterate on ideas without
needing to rely on other team members, facilitating a more agile development process.
Overall, full stack development offers numerous advantages that can enhance a developer's career,
improve team dynamics, and contribute to the success of projects.

COMPUTER SCIENCE AND ENGINEERING

18
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

CHAPTER -7 FULL STACK LIMITATIONS

While being a full stack developer offers many advantages, there are also limitations and challenges
associated with this role. Here are some key limitations of full stack development:
1. Depth vs. Breadth: Full stack developers often have a broad knowledge base but may lack deep
expertise in specific technologies or areas, which can be a disadvantage in complex projects that
require specialized skills.
2. Keeping Up with Technology: The tech landscape is constantly evolving, making it challenging
for full stack developers to stay updated with all the latest frameworks, languages, and tools
across both front-end and back-end development.
3. Increased Workload: Being responsible for both front-end and back-end tasks can lead to a
heavier workload and longer hours, which may result in burnout if not managed properly.
4. Limited Collaboration: In larger teams, full stack developers might work independently on
projects without collaborating closely with other specialists, potentially missing out on valuable
insights and innovative solutions.
5. Potential for Surface-Level Knowledge: Some full stack developers may only scratch the
surface of technologies rather than gaining in-depth knowledge, which could lead to less effective
problem-solving in complex scenarios.
6. Difficulty in Mastery: With so many technologies to learn, it can be hard to master any single
one, making it difficult for full stack developers to position themselves as experts in a particular
field.
7. Challenges in Project Complexity: For very large or complex projects, the ability to manage
both front-end and back-end can be overwhelming and may require a team of specialists to ensure
quality and efficiency.
8. Quality Control: Handling multiple aspects of a project might lead to compromises in quality,
as the developer may not have the time or expertise to thoroughly test or refine each component.
9. Limited Networking: Full stack developers may not have the same networking opportunities as
specialists, who often have communities and conferences dedicated to their specific technologies.
10. Role Ambiguity: In some organizations, the role of a full stack developer can be unclear, leading
to confusion about responsibilities and expectations compared to more defined roles like front-
end or back-end developers.
Despite these limitations, many developers find full stack development to be a rewarding career path.
The key is to balance the broad knowledge base with opportunities for deeper learning and collaboration
with specialists when needed

COMPUTER SCIENCE AND ENGINEERING

19
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

The use of Full Self-Driving (FSD) technology represents a significant advancement in both societal
infrastructure and technological development. Below are some key aspects of FSD's impact:
1. Safety Improvements
 Reduction in Accidents: FSD systems aim to reduce human errors, which account for a majority of
traffic accidents. By using advanced sensors and AI, these systems can respond more quickly and
accurately than human drivers.
 Enhanced Predictive Capabilities: FSD technology can analyze vast amounts of data in real-time,
improving its ability to predict and react to potential hazards.
2. Increased Efficiency
 Optimized Traffic Flow: FSD can improve traffic management by communicating with other vehicles
and infrastructure, potentially reducing congestion and travel times.
 Fuel Efficiency: By optimizing driving patterns, FSD can enhance fuel efficiency, contributing to lower
emissions and reduced environmental impact.
3. Accessibility and Mobility
 Improved Access for Disabled Individuals: FSD can provide mobility solutions for those who are
unable to drive, improving their independence and quality of life.
 Rural Connectivity: FSD technology can enhance transportation options in remote areas, ensuring
access to essential services and economic opportunities.
4. Urban Planning and Infrastructure Development
 Redesign of Urban Spaces: With the integration of FSD, cities may be redesigned to accommodate
autonomous vehicles, potentially reducing the need for parking spaces and allowing for more green
spaces.
 Smart Infrastructure: FSD technologies often require smart infrastructure, leading to developments
such as connected traffic signals and real-time monitoring systems.
5. Economic Impact
 New Business Models: FSD can enable new business models such as ride-sharing and mobility-as-a-
service (MaaS), transforming the transportation sector.
 Job Displacement and Creation: While some traditional driving jobs may be displaced, new jobs in
technology, maintenance, and infrastructure development may emerge.
6. Technological Advancements
 AI and Machine Learning: FSD development accelerates advancements in AI, machine learning, and
data processing, benefiting various sectors beyond transportation.
 Sensor Technology: The demand for improved sensors (like Lidar, radar, and cameras) drives
innovation in these fields, leading to enhanced capabilities in multiple applications.
7. Regulatory and Ethical Considerations
 Regulatory Frameworks: The deployment of FSD necessitates new laws and regulations to address
liability, safety standards, and data privacy.

COMPUTER SCIENCE AND ENGINEERING

20
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

CHAPTER 8: ACTIVITY LOG AND WEEKLY REPORTS

WEEK-1: INTRODUCTION ABOUT FSD

Brief description of the
Day & Learning Outcome
Daily activity
Date

Able to get the basic idea

about the FSD
Day-1
(10-06-2024) Introduction about FSD

Learned about
Course on HTML,CSS
HTML,CSS
Day-2
(12-06-2024)

Course on Javascript
Learned about Javascript

Day-3
(13-06-2024)

Day-4 Course on types of Learned about types of

(14-06-2024) frameworks frameworks

Learned about Django

Course on Django basics
Day-5
(15-06-2024)

Learned about Backend

Categories of
and services
Backend
Day-6
(16-06-2024)

COMPUTER SCIENCE AND ENGINEERING

21
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

WEEK-2: Advanced Django and Database Management

Duration: June 17 - June 23, 2024
Brief description of the
Day & Learning Outcome
Daily activity
Date

Learned about models,

views, and templates in
Django.
Day-1 Advanced Django
(17-06-2024) Concepts

Gained understanding of
Django ORM (Object-
Django ORM and database
Relational Mapping)
interactions.
Day-2
(18-06-2024)

Created a basic Django

Building a Simple Django
application using learned
Application
concepts.
Day-3
(19-06-2024)

Learned to implement user

Day-4 User Authentication in
authentication and
(20-06-2024) Django
authorization.

Gained insights into

Introduction to REST APIs building RESTful APIs
with Django using Django REST
Day-5 Framework.
(21-06-2024)

Learned about unit testing

Testing in Django and writing tests for
Day-6 Django applications.
(22-06-2024)

COMPUTER SCIENCE AND ENGINEERING

22
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

Week 3: Front-End Integration with Django

Duration: June 24 - June 30, 2024

Brief description of the

Day & Learning Outcome
Daily activity
Date

Learned how to integrate

front-end technologies with
Day-1 Integrating HTML/CSS Django.
(24-06-2024) with Django

Gained experience in using

JavaScript and AJAX with
JavaScript and AJAX for
Django
dynamic content.
Day-2
(25-06-2024)

Working with Django Learned about Django

forms, including validation
forms
and rendering.
Day-3
(26-06-2024)

Implemented file uploads

Day-4
File Uploads in Django and media handling in
(27-06-2024) Django applications.

Learned to customize the

Django Admin
Django admin interface for
Customization
Day-5 better usability.
(28-06-2024)

Gained insights into

deploying Django
Deployment Basics
applications on cloud
Day-6 platforms.
(29-06-2024)

COMPUTER SCIENCE AND ENGINEERING

23
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

Week 4: Advanced Topics in Django

Duration: July 1 - July 7, 2024

Brief description
Day of the
Learning Outcome
& Daily
Date activity

Day-1
(01- Learned about middleware in Django and its
07- usage.
2024) Django Middleware

Day-2 Gained understanding of caching mechanisms in

Caching in Django
(02- Django applications.
07-
2024)

Django Signals Learned how to use signals to trigger actions in

Day-3 response to events.
(03-
07-
2024)

Day-4 Explored advanced querying techniques in Django

(04- Querying with ORM.
07- Django ORM
2024)

Day-5
Security Best Gained insights into securing Django
(05- Practices in Django applications.
07-
2024)

Day-6 Integrating Third- Learned how to integrate third-party libraries

(06- Party Libraries and APIs.
07-
2024)

COMPUTER SCIENCE AND ENGINEERING

24
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

Week 5: Building a Full Application

Duration: July 8 - July 14, 2024

Brief description of the

Day & Learning Outcome
Daily activity
Date

Planned and designed a full-

Day-1 Project Planning and stack application.
(08-07-2024) Design

Set up the project

Setting Up the Project
environment and initial
Environment
configurations.
Day-2
(09-07-2024)

Building the Backend Developed the backend

functionality using Django.
Day-3
(10-07-2024)

Created the front-end

Day-4
Building the Frontend interface using HTML/CSS
(11-07-2024) and JavaScript.

Developed RESTful APIs

API Development
for the application.
Day-5
(12-07-2024)

Conducted thorough
Application Testing testing of the application
Day-6 for bugs and issues.
(13-07-2024)

COMPUTER SCIENCE AND ENGINEERING

25
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

Week 6: Deployment and Optimization

Duration: July 15 - July 21, 2024

Brief description of the

Day & Learning Outcome
Daily activity
Date

Learned how to prepare the

Day-1 application for deployment.
(15-07-2024) Preparing for Deployment

Deploying on Heroku/AWS Gained hands-on experience

in deploying applications on
cloud platforms.
Day-2
(16-07-2024)

Learned techniques to
Performance &Optimization optimize application
performance.
Day-3
(17-07-2024)

Implemented monitoring and

Day-4
Monitoring and Logging logging for application
(18-07-2024) performance tracking.

Collected user feedback

User Feedback and and made necessary
Iteration iterations to the
Day-5 application.
(19-07-2024)

Finalized the application,

Finalizing the
addressing all outstanding
Application
Day-6 issues.
(20-07-2024)

COMPUTER SCIENCE AND ENGINEERING

26
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

Week 7: Advanced Concepts and Review

Duration: July 22 - July 28, 2024

Brief description of the

Day & Learning Outcome
Daily activity
Date

Explored advanced features

Day-1 (22- in Django (e.g., Channels
07-2024) Advanced Django Features for WebSockets).

Continuous Reviewed all full-stack

Integration/Continuous development concepts
Deployment (CI/CD) covered.
Day-2
(23-07-2024)

Prepared for the final

Review of Full Stack project presentation.
Day-3 Concepts
(24-07-2024)

Day-4 Final Project Presentation Presented the completed

(25-07-2024) Preparation project to peers/mentors.

Reflected on the learning

Reflection and Future
journey and identified
Learning Paths
Day-5 areas for future learning.
(26-07-2024)

COMPUTER SCIENCE AND ENGINEERING

27
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

CHAPTER 9 :OUTCOMES DESCRIPTION

9. 1 Work environment

Collaborated with the development team to build dynamic web applications using Django and JavaScript.

Designed and implemented user interfaces with HTML and CSS, ensuring responsiveness and user-
friendly navigation.

9.2 Real time technical skills acquired

 Developed proficiency in HTML for creating structured web pages and CSS for styling, layout, and
design.

 Acquired hands-on experience with the Django framework, understanding its architecture, including
models, views, and templates.

 Gained skills in JavaScript for client-side scripting, enabling dynamic content updates and
enhanced user interaction.

9.3 Managerial skillsacquired

I have acquired the following managerial Skills:

 Technical skills : knowledge of and proficiency activities involving methods, processes, and
Procedures
 Interpersonal and Communication Skills: Convey ideas and information to others and receive
Information and ideas from others. effectively

 Diagnostic and Analytical Skills: Ability to visualize the best response to a Situation

9.4 Improvement of communication skills

I have improved my communication skills through the Eduskills AWS Cloud foundations are some
of the following:
 Absorbing, Sharing, and understanding in formation Presented
 Communicating (whether by pen, mouth, etc) in a that others grasp way .
 Respecting others points of view through engagement. and Interest using relevant knowledge

COMPUTER SCIENCE AND ENGINEERING

28
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

Know-how, and skills to explain and clarity thoughts and Ideas.

 Listening to others when they communicate asking Questions to better understand"

9.5 Technological developments

1. Collaborative Learning
The innovative trends in educational technology have made it possible for everyone to stay
connected. The impact of the current trends of ICT in the field of education has paved multiple
options. We connect, discuss and enact upon situations collaboratively. This collaborative approach
has gained importance in the learning process as well. In a classroom learning model, teachers
encourage collaboration by assigning group activities and tasks.
2. LearningOutside theClassroom Environment
Various technology trends in education keep changing the digital world. Mobile-based devices
have taken learning outside of the classroom. With mLearning and eLearning growing in popularity,
students can learn at their own pace and time.
3. Social Media
Learning Who would have ever thought that social media would one day be accepted as part of
the learning process? The technological trends in teaching and learning are rapidly changing every
day.
4. InteractivityinClassroom
Bringing technology into the classroom has made classrooms lively and interactive. With
eBooks, the course content can be embedded with videos, augmented reality, audio files etc. Unlikea
printed book, eBook allows for more interaction to take place.

COMPUTER SCIENCE AND ENGINEERING

29
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

CALORIE CALCULATOR

Script.js:

(function () {
const form = document.getElementById('calc-form');
const results = document.getElementById('results');
const errors = document.getElementById('form-error');
* Display a form validation error
*
* @param {String} msg The validation message
* @return {Boolen} Returns false
*/
function errorMessage(msg) {
errors.innerHTML = msg;
errors.style.display = '';
return false;
}
* Display the calculation results

* @param {Integer} calories The calories burned

* @param {Integer} distance The distance run
* @param {String} unit The distance unit (miles or kilometers)
* @param {Integer} burnRate The calories per distance burn rate
* @param {Integer} calsPerHr The calories burned per hour
*/
function showResults(calories) {
results.innerHTML = `<p>Your basal metabolic rate (BMR) is:
<strong>${calories.toFixed(2)} </strong> calories a day.</p><a href="#"
id="rs">revise</a>`;
results.style.display = '';
form.style.display = 'none';
errors.style.display = 'none';
}

/**
* Hide the results and reset the form
*/
function resetForm(e) {
if (e.target.id = 'rs') {
e.preventDefault();
results.style.display = 'none';

COMPUTER SCIENCE AND ENGINEERING

30
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

form.style.display = '';
form.reset();
}
}

/**
* Handle form submit
*/
function submitHandler(e) {
e.preventDefault();

// Age
let age = parseFloat(form.age.value);
//let unit = form.distance_unit.value;
if (isNaN(age) || age < 0) {
return errorMessage('Please enter a valid age');
}

// Height
let heightCM = parseFloat(form.height_cm.value);
if (isNaN(heightCM) || heightCM < 0) {

let heightFeet = parseFloat(form.height_ft.value);

if (isNaN(heightFeet) || heightFeet < 0) {
return errorMessage('Please enter a valid Height in feet or centimeters');
}
let heightInches = parseFloat(form.height_in.value);
if (isNaN(heightInches) || heightInches < 0) {
heightInches = 0;
}
heightCM = 2.54 * heightInches + 30.4 * heightFeet;

let weight = parseFloat(form.weight.value);

if (isNaN(weight) || weight < 0) {
return errorMessage('Please enter a valid weight');
}

if (form.weight_unit.value == 'lb') {
weight = 0.453592 * weight;
}

COMPUTER SCIENCE AND ENGINEERING

31
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

let calories = 0;
if (form.gender.value == 'Female') {
//females = 655.09 + 9.56 x (Weight in kg) + 1.84 x (Height in cm) - 4.67 x
age
calories = 655.09 + 9.56 * weight + 1.84 * heightCM - 4.67 * age;
} else {
calories = 66.47 + 13.75 * weight + 5 * heightCM - 6.75 * age;
}

// Display results
showResults(calories);
}

// Add Event Listeners

form.addEventListener('submit', submitHandler);
results.addEventListener('click', resetForm, true);})();

Demo.css :

@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-
awesome.min.css');
*{ margin: 0; padding: 0;}
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: inherit;
}

body{
min-height: 100vh;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-content: flex-start;

font-family: 'Roboto', sans-serif;

font-style: normal;
font-weight: 300;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;

COMPUTER SCIENCE AND ENGINEERING

32
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

background: #eee;
}
.cd intro{
padding: 60px 30px;
margin-bottom: 15px;
flex-direction: column;

}
.cd intro,
.cd credit{
display: flex;
width: 100%;
justify-content: center;
align-items: center;
background: #fff;
color: #333;
line-height: 1.5;
text-align: center;
}

.cd intro h1 {
font-size: 18pt;
padding-bottom: 15px;

}
.cd intro p{
font-size: 14px;
}

.cd action{
text-align: center;
display: block;
margin-top: 20px;
}

.cd action a.cd btn {

text-decoration: none;
color: #666;
border: 2px solid #666;
padding: 10px 15px;
display: inline-block;
margin-left: 5px;
}

COMPUTER SCIENCE AND ENGINEERING

33
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

.cd action a.cd btn:hover{

background: #666;
color: #fff;
transition: .3s;
-webkit-transition: .3s;
}
.cd action .cd btn:before{
font-family: FontAwesome;
font-weight: normal;
margin-right: 10px;
}
.down:before{content: "\f019"}
.back:before{content:"\f112"}

.cd credit{
padding: 12px;
font-size: 9pt;
margin-top: 40px;

}
.cd credit span:before{
font-family: FontAwesome;
color: #e41b17;
content: "\f004";

}
.cd credit a{
color: #333;
text-decoration: none;
}
.cd credit a:hover{
color: #1DBF73;
}
.cd credit a:hover:after{
font-family: FontAwesome;
content: "\f08e";
font-size: 9pt;
position: absolute;
margin: 3px;
}
.cd main{
background: #fff;
padding: 20px;

COMPUTER SCIENCE AND ENGINEERING

34
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

flex-direction: row;
flex-wrap: wrap;
justify-content: center;

}
.cd main{
display: flex;
width: 100%;
}

@media only screen and (min-width: 1360px){

.cd main{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 24px;
}
}

Style.css :

*{
box-sizing: border-box;
}

html, body {
margin: 0;
padding: 0;
}

.calc-outer-wrap {
margin: 0 auto;
background: #f3f3f3;
padding: 0.625rem;
font-size: 1rem;
line-height: 1.3;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.form-fields {
display: flex;
flex-wrap: wrap;
justify-content: space-between;

COMPUTER SCIENCE AND ENGINEERING

35
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

align-items: top;
}

.field-outer {
width: 48%;
}

label,
input,
select {
font-size: 1rem;
line-height: 1.3;
display: block;
}

input,
select {
height: 1.75rem;
border: 1px solid #bbb;
width: 100%;
background: #fff;
padding: 0 0.325rem;
border-radius: 0.1875rem;
transition: box-shadow 200ms ease-in-out;
box-shadow: inset 0 0 0 0 #59e7ed;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input:focus,
select:focus {
outline: 0;
box-shadow: inset 0 -3px 0 -1px #59e7ed;
border-radius: 0.1875rem 0.1875rem 1px 1px;
}

select {
background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg width='8px'
height='14px' viewBox='0 0 8 17' xmlns='http://www.w3.org/2000/svg'
fill='%238A8A8A'%3e%3cpolygon fill='%238A8A8A' points='4 17 0 10 8
10'%3e%3c/polygon%3e%3cpolygon fill='%238A8A8A' points='4 0 0 7 8
7'%3e%3c/polygon%3e%3c/svg%3e") 94% center no-repeat;
}

COMPUTER SCIENCE AND ENGINEERING

36
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
select::-ms-expand {
display: none;
}

.field-items {
display: flex;
justify-content: space-between;
}
.field-items label {
font-size: 0.75rem;
color: #999;
}

.field {
display: inline-block;
width: 32%;
}
.field + .field {
margin-left: 3px;
}

.field-large {
flex: 1;
width: 67%;
}

.field-small {
width: 3em;
}

.top-label {
font-weight: bold;
font-size: 0.875rem;
line-height: 1.4;
display: block;
}

.btn-wrap {
align-self: flex-end;

COMPUTER SCIENCE AND ENGINEERING

37
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

.form-submit {
background: #59e7ed;
display: block;
border: 0;
width: 100%;
font-size: 1rem;
border-radius: 0.1875rem;
height: 1.75rem;
font-weight: 600;
color: #fff;
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
cursor: pointer;
}
.form-submit:hover, .form-submit:focus {
background: #2be0e8;
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
outline: 0;
}
.form-submit:active {
box-shadow: none;
}

#form-error {
color: #fff;
margin-bottom: 0.5rem;
text-align: center;
color: #c1000b;
background-color: #ffd5d5;
padding: 3px;
font-size: 0.875rem;
}

#results {
position: relative;
width: 100%;
height: 110px;
display: flex;
justify-content: center;
align-items: center;
}
#results p {

COMPUTER SCIENCE AND ENGINEERING

38
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

margin: 0;
}
#results #rs {
position: absolute;
bottom: 10px;
right: 10px;
font-size: 0.875rem;
color: #aaa;
}
#results #rs:hover {
color: #9951FF;
}

*{
box-sizing: border-box;
}

html, body {
margin: 0;
padding: 0;
}

.calc-outer-wrap {
margin: 0 auto;
background: #f3f3f3;
padding: 0.625rem;
font-size: 1rem;
line-height: 1.3;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.form-fields {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: top;
}

.field-outer {
width: 48%;
}

COMPUTER SCIENCE AND ENGINEERING

39
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

label,
input,
select {
font-size: 1rem;
line-height: 1.3;
display: block;
}

input,
select {
height: 1.75rem;
border: 1px solid #bbb;
width: 100%;
background: #fff;
padding: 0 0.325rem;
border-radius: 0.1875rem;
transition: box-shadow 200ms ease-in-out;
box-shadow: inset 0 0 0 0 #59e7ed;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input:focus,
select:focus {
outline: 0;
box-shadow: inset 0 -3px 0 -1px #59e7ed;
border-radius: 0.1875rem 0.1875rem 1px 1px;
}

select {
background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg width='8px'
height='14px' viewBox='0 0 8 17' xmlns='http://www.w3.org/2000/svg'
fill='%238A8A8A'%3e%3cpolygon fill='%238A8A8A' points='4 17 0 10 8
10'%3e%3c/polygon%3e%3cpolygon fill='%238A8A8A' points='4 0 0 7 8
7'%3e%3c/polygon%3e%3c/svg%3e") 94% center no-repeat;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
select::-ms-expand {
display: none;

COMPUTER SCIENCE AND ENGINEERING

40
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

.field-items {
display: flex;
justify-content: space-between;
}
.field-items label {
font-size: 0.75rem;
color: #999;
}

.field {
display: inline-block;
width: 32%;
}
.field + .field {
margin-left: 3px;
}

.field-large {
flex: 1;
width: 67%;
}

.field-small {
width: 3em;
}

.top-label {
font-weight: bold;
font-size: 0.875rem;
line-height: 1.4;
display: block;
}

.btn-wrap {
align-self: flex-end;
}

.form-submit {
background: #59e7ed;
display: block;
border: 0;

COMPUTER SCIENCE AND ENGINEERING

41
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

width: 100%;
font-size: 1rem;
border-radius: 0.1875rem;
height: 1.75rem;
font-weight: 600;
color: #fff;
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
cursor: pointer;
}
.form-submit:hover, .form-submit:focus {
background: #2be0e8;
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
outline: 0;
}
.form-submit:active {
box-shadow: none;
}

#form-error {
color: #fff;
margin-bottom: 0.5rem;
text-align: center;
color: #c1000b;
background-color: #ffd5d5;
padding: 3px;
font-size: 0.875rem;
}

#results {
position: relative;
width: 100%;
height: 110px;
display: flex;
justify-content: center;
align-items: center;
}
#results p {
margin: 0;
}
#results #rs {
position: absolute;
bottom: 10px;
right: 10px;

COMPUTER SCIENCE AND ENGINEERING

42
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

font-size: 0.875rem;
color: #aaa;
}
#results #rs:hover {
color: #9951FF;
}

THE CALORIE CALCULATOR:

COMPUTER SCIENCE AND ENGINEERING

43
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

Student Self Evaluation of the Short-Term Internship

Student Name : VATTIKONDA SRAVANTHI
Roll No. : 21JR1A05F8
Term of Internship : 2 Months
From : 10-06-2024
To : 10-08-2024
Dateof evaluation : August 2023
Organization Name & Address : FULL STACK DEVELOPMENT
address is CRESCENZO BLDG,C- 38, 39 G - BLOCK, BANDRA KURLA COMPLEX, BADRA (EAST)
MUMBAI Mumbai City MH400051 IN.

Pleaserate your performance in the following areas:

Ratingscale: Letter gradeof CGPA calculation to be provided

1 Oral communication 1 2 3 4 5
2 Written communications 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

Date: Signatureof the student

COMPUTER SCIENCE AND ENGINEERING

44
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

COMPUTER SCIENCE AND ENGINEERING

45
 KKR & KSR INSTITUTE OF TECHNOLOGY AND SCIENCES 21JR1A05F8

COMPUTER SCIENCE AND ENGINEERING

46