CHAPTER-1

EXECUTIVE SUMMARY
Full stack development encompasses the complete process of building and managing
web applications, involving both front-end (client-side) and back-end (server-side)
development. Full stack 1developers are skilled in creating the user interface, developing
server-side logic, managing databases, and ensuring the seamless integration of all
components. This approach offers a unified perspective on the entire web development
process, allowing for improved collaboration, faster development cycles, and enhanced
adaptability.
On the front end, full stack developers use technologies such as HTML, CSS, and
JavaScript to build interactive and responsive user interfaces. On the back end, they
utilize server-side languages like Python, Java, or Node.js, and databases such as MySQL,
MongoDB, or PostgreSQL for data management. Full stack developers are also responsible
for server deployment and ensuring system security

1.1 Course Learning Objectives

 Internships are generally thought of to be reserved for college students looking to

gain experience in a particular field. However, a wide array of people can benefit
from Training Internships in order to receive real world experience and develop
their skills.
 An objective for this position should emphasize the skills you already possess in
the area and your interest in learning more.
 Internships are utilized in a number of different career fields, including
architecture, engineering, healthcare, economics, advertising and many more.
 Some internships are used to allow individuals to perform scientific research
while others are specifically designed to allow people to gain first-hand
experience working.
 Utilizing internships is a great way to build your resume and develop skills that
can be emphasized in your resume for future jobs. When you are applying for
a Training Internship, make sure to highlight any special skills or talents that can
make you stand apart from the rest of the applicants so that you have an improved
chance of landing the position.

1.2 Course Outcomes

Students will be able to

1. Analyze and resolve security issues in networks and computer systems to secure an
infrastructure
2. Design, develop, test and evaluate secure software.

3. Develop policies and procedures to manage enterprise security risks.

1
 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 andbusiness impact by working holistically on
Education,Employment and Entrepreneurship.
2.2 VISION:

Transforming the vision of ‘Skilled India’ and Education for to benefit the
educationecosystem 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, and
entrepreneurswho 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.

2
 CHAPTER-3

INTRODUCTION TO FULL STACK

3.1. INTRODUCTION

Full stack development refers to the ability to work on both the front-end and
back-end of a web or mobile application. It involves handling every aspect of
development, from designing user interfaces to writing server-side logic and managing
databases. A full stack developer is proficient in both client-side technologies such as
HTML, CSS, and JavaScript, as well as server-side languages like Python, Java, or
Node.js, along with database management systems like MySQL, MongoDB, and
PostgreSQL.

This comprehensive approach allows full stack developers to build and maintain
the entire architecture of an application, ensuring smooth integration between the front
and back end. They also manage APIs (Application Programming Interfaces) that
facilitate communication between different systems, enhancing the application’s
functionality and scalability.

The rise of full stack development is largely driven by the demand for dynamic
and responsive web applications. The role of full stack developers has become
increasingly important in modern software development, as companies seek
professionals capable of delivering end-to-end solutions quickly and efficiently. Full
stack development offers numerous advantages, including flexibility, faster
development cycles, and better project coordination, making it a critical component in
the creation of complex, data-driven web and mobile applications.
3.2. WHAT IS FULL STACK?
Full stack refers to the combination of technologies and tools required to develop
both the front-end (client- side) and back-end (server-side) of a web or mobile
application. A "stack" in this context is a collection of different layers or
components that make up a complete application.
1. Front-End: This is the user-facing part of the application. It includes everything
that users interact with, such as the layout, design, and functionality of the
interface. Technologies commonly used for front-end development include:
o HTML (Hyper Text Markup Language): Defines the structure of web pages.

3
 o CSS (Cascading Style Sheets): Handles the styling and layout of web pages.
o JavaScript: Adds interactivity and dynamic elements to websites.
o Frameworks/Libraries: Tools like React, Angular, and Vue.js are
commonly used to enhance front-end functionality and provide a better user
experience.
2. Back-End: The back end involves everything that happens behind the scenes,
including server management, databases, and the business logic of the
application. Technologies used for back-end development typically include:
 Programming Languages: Python, Node.js, Ruby, Java, etc., to write
server-side logic.
 Databases: MySQL, PostgreSQL, MongoDB, etc., to store and retrieve
data.
 Servers and Hosting: Technologies like Apache, NGINX, or cloud
platforms like AWS or Azure for hosting the application.
3. Middleware/API: Full stack development also includes working with
middleware and APIs, which connect the front-end and back-end systems. These
APIs (often built using REST or GraphQL) enable data exchange between the
user interface and the server/database, allowing dynamic and interactive
applications.
Thus, a "full stack" represents the complete technology suite required to create an end-
to-end, functional web or mobile application. Full stack developers are adept at working
across both front-end and back-end layers, understanding how each interacts to ensure a
seamless user experience and efficient data management.

3.3 WHAT DOES FULL STACK CONTAIN?

A full stack contains all the necessary components to build, deploy, and
maintain a complete web or mobile application, covering both the front-end (client-
side) and back-end (server-side) development. On the front end, technologies like
HTML, CSS, and JavaScript are used to design and implement user interfaces,
while frameworks such as React, Angular, and Vue.js enhance the interactivity and
responsiveness of applications. The back end involves server-side programming
languages like Node.js, Python, Java, and Ruby, along with frameworks like
Express.js, Django, and Spring Boot, which handle the business logic, server
management, and communication with databases. Databases, whether SQL-based
like MySQL and PostgreSQL, or NoSQL- based like MongoDB, store and retrieve
the application’s data.

4
 Middleware and APIs (such as REST or GraphQL) are used to facilitate
communication between the front and back end, while tools for server hosting, like
Apache, NGINX, and cloud services like AWS, handle the infrastructure. Full stack
development also includes version control through Git, continuous integration and
deployment (CI/CD) pipelines, containerization via Docker and Kubernetes, and
monitoring tools for performance management. Security features, such as SSL/TLS
encryption, authentication systems like OAuth and JWT, and firewalls, are essential
for ensuring the application’s safety. Overall, a full stack integrates all these
technologies, enabling developers to create and manage fully functional, scalable
applications.
3.4 WHO USES AWS?
Full stack development is utilized by a wide range of professionals and organizations in
the tech industry due to its versatility and efficiency in building complete applications.
The following are key groups that use full stack development:
1. Startups and Small Businesses: Startups often employ full stack developers
because they can handle both front-end and back-end tasks, reducing the need to
hire multiple specialized developers. This makes development more cost-effective
and allows for faster iteration and deployment of applications.
2. Web Developers: Full stack developers are a valuable asset for web development
agencies and freelance developers who need to manage the entire process of
building a website or web application. By being proficient in both the client-side
and server-side, these developers can deliver end-to-end solutions.
3. Large Enterprises: Large organizations, including tech giants like Google,
Facebook, and Amazon, use full stack developers to manage complex, scalable
applications. Full stack expertise enables developers to collaborate more effectively
across teams, ensuring that front-end and back-end systems are well integrated.
4. Freelancers and Consultants: Independent developers who offer freelance
services or work as consultants often use full stack development skills to provide a
complete service to their clients. They can handle a wide range of tasks, from
designing the user interface to managing databases and servers.
5. Tech Enthusiasts and Learners: Individuals learning web or mobile development
often start with full stack development to gain a comprehensive understanding of
both front-end and back-end technologies. This holistic knowledge enables them to
create functional projects on their own.

5
6. DevOps Engineers: DevOps professionals, who bridge the gap between software
development and operations, often use full stack development skills to ensure that
the entire system—from the code to the deployment infrastructure—works
efficiently and cohesively.
7. Product Managers and Tech Leads: In tech-driven companies, product managers
and tech leads often have a background in full stack development. This helps them
better understand the technical aspects of both front-end and back-end
development, enabling them to make more informed decisions, communicate
effectively with developers, and oversee the successful delivery of products.
3.5 WHY IS FULL STACK SO SUCCESSFUL?
Full stack development has gained significant success and popularity in the tech
industry due to its comprehensive approach to building web and mobile applications.
One of the main reasons for its success is the versatility and efficiency it offers. Full
stack developers are skilled in both front-end and back-end technologies, enabling them
to handle all aspects of the development process, from designing user interfaces to
managing databases and server infrastructure. This reduces the need for separate teams
or specialists, making development faster, more cost-effective, and streamlined.
Another reason for full stack's success is its adaptability. Full stack developers can
switch between front-end and back-end tasks as needed, allowing them to address issues
across the entire application stack and ensure smooth integration between different
components. This flexibility enables quicker problem-solving and more cohesive
development, particularly in environments like startups or smaller teams, where rapid
iterations and full control over the development cycle are essential.
Full stack development also promotes better collaboration between front-end and
back-end systems, improving communication and reducing potential disconnects
between teams. This leads to higher-quality applications that are more consistent in
terms of user experience, performance, and functionality. Moreover, the rise of modern
frameworks and tools like React, Node.js, and Docker has empowered full stack
developers to easily create scalable and robust applications, further contributing to the
approach’s success.

 Versatility and Flexibility: Full stack developers can work on both front-end and
back-end aspects of an application. This versatility allows them to tackle a wide
range of development tasks, providing flexibility in handling the entire

6
 development process.

 Cost-Effectiveness: Companies can reduce costs by hiring full stack developers

who can manage multiple roles instead of maintaining separate teams for front-end,
back-end, and database management. This is particularly valuable for startups and
small businesses with limited resources.

 Faster Development Cycles: Since full stack developers can handle all parts of the
application, the development process becomes more efficient. This leads to quicker
iterations, reduced bottlenecks, and faster delivery of features or products to
market.

 Improved Collaboration: Full stack developers bridge the gap between front-end
and back-end teams, promoting better communication and integration. This reduces
misunderstandings and ensures a seamless connection between the user interface
and the server logic.

7
 CHAPTER-4
FULL STACK SERVICES
Full stack services encompass a wide range of development and support offerings that
cover both the front-end and back-end of web and mobile applications. These services
ensure that businesses have comprehensive solutions for their software needs, from
initial design to deployment and maintenance. Below are the primary components of
full stack services:

1. Consultation and Strategy

Needs Assessment: Understanding client requirements and business goals.
Technical Consultation: Advising on technology stacks, frameworks, and
architecture.
Project Planning: Developing roadmaps and timelines for project execution.

2. Front-End Development
 User Interface (UI) Design: Creating visually appealing and user-friendly
interfaces using tools like Figma or Adobe XD.
 Responsive Design: Ensuring applications are accessible and functional across
various devices and screen sizes.
 JavaScript Frameworks: Utilizing frameworks like React, Angular, or Vue.js
to build dynamic web applications.
 HTML/CSS Development: Crafting the structure and style of web pages.

Fig 4.1 Full Stack Services

8
3. Deployment and Hosting

 Cloud Hosting Solutions: Deploying applications on platforms like AWS,

Google Cloud, or Azure.
 Containerization: Utilizing Docker and Kubernetes for application deployment
and management.
 Continuous Integration/Continuous Deployment (CI/CD): Implementing
automated testing and deployment processes to streamline updates and feature
releases.
4. Testing and Quality Assurance

 Unit Testing: Writing tests for individual components to ensure functionality.

 Integration Testing: Ensuring that different parts of the application work
together as expected.
 User Acceptance Testing (UAT): Gathering feedback from users to validate
application functionality before launch.
 Performance Testing: Assessing the application's responsiveness and stability
under load.
5. Maintenance and Support

 Bug Fixes and Updates: Regularly updating applications to address issues and
enhance features.
 Monitoring and Performance Optimization: Using tools to monitor application
performance and making necessary adjustments.
 User Support: Providing assistance to end-users and addressing their inquiries
or concerns.
6. Analytics and Data Management

 Data Analytics: Implementing analytics solutions to track user behavior and

application performance.
 Reporting Tools: Developing dashboards and reports for data visualization and
business insights.
7. Security Services

 Security Audits: Assessing applications for vulnerabilities and implementing

necessary security measures.
 Data Protection: Ensuring compliance with data protection regulations (e.g.,

9
 GDPR) and implementing encryption methods.
8. Integration Services

 Third-Party Integrations: Connecting applications with external services (e.g.,

payment gateways, social media APIs, or cloud services).
 Microservices Architecture: Developing applications using a microservices
approach for scalability and flexibility.

9. Mobile and Cross-Platform Development

 Hybrid App Development: Using frameworks like React Native or Flutter to

create mobile applications that work across both iOS and Android platforms
with a single codebase.
 Progressive Web Apps (PWAs): Developing PWAs that provide a native app-
like experience through the web, allowing for offline access and improved
performance.
10. Community and Open Source Contributions

 Open Source Solutions: Engaging in or utilizing open-source frameworks and

libraries to enhance development speed and community collaboration.
 Community Support: Participating in developer communities to share
knowledge, resources, and best practices, fostering continuous improvement in
full stack services.
Single Page Web Application (SPA) is a web application that interacts with the user
by dynamically rewriting the current page, instead of loading entire new pages from a
server. This approach results in a seamless and fast user experience similar to desktop
applications, as it avoids the need for full-page reloads. React JS, a popular JavaScript
library developed by Facebook, is widely used for building SPAs due to its efficiency,
flexibility, and component-based architecture.
1. Python in Full Stack Development
Python is widely used in full stack development due to its simplicity, readability, and
vast ecosystem of libraries and frameworks. Python plays a crucial role in the backend
layer of full stack development, where it handles server-side logic, business rules, API
integration, and interaction with databases.
Popular Python frameworks for full stack development include:
 Django: A high-level web framework that follows the Model-View-Controller
(MVC) pattern, designed to help developers build robust and scalable web

10
 applications. It includes built-in support for database management, authentication,
and routing, making it an all-in-one framework.
 Flask: A lightweight micro-framework that gives developers more flexibility and
control over the application. Flask is minimalistic, making it ideal for smaller
projects or developers who prefer building applications from scratch without the
heavy overhead of larger frameworks.

Key Features of Python for Full Stack:

 Readable and Maintainable Code: Python's syntax is clean and easy to

understand, which improves collaboration and maintainability in full stack
projects.
 Rich Ecosystem: Python has a large collection of libraries and frameworks,
from data analysis tools (like Pandas and NumPy) to web development tools
(like Django and Flask), enhancing developer
2. MySQL in Full Stack Development
MySQL is a robust, widely-used open-source database system that is often
integrated with Python for storing and retrieving data. It is known for its scalability,
security, and support for relational data management, making it suitable for
applications of all sizes.
MySQL's role in a full stack application is to:
 Store Data: MySQL stores data in structured tables, organized into databases.
These tables contain rows (records) and columns (fields), which help maintain
organized and easily searchable data.
 Retrieve Data: Full stack applications often need to retrieve data dynamically
based on user input or other triggers. MySQL uses SQL (Structured Query
Language) to perform operations like data retrieval (SELECT queries), data
insertion (INSERT), and data updates (UPDATE).
 Maintain Relationships: MySQL supports relational data through the use of
foreign keys and other constraints, allowing for powerful data structures and
relationships between entities.

Why MySQL is Used in Full Stack:

 Relational Database Model: MySQL is perfect for applications that need

structured, well-organized data with relationships between tables (e.g., users,

11
 orders, products).
 Efficient Querying: With SQL, developers can efficiently query, join, and
manipulate large datasets in MySQL, allowing for rapid data retrieval in web
applications.
 Scalability: MySQL can handle large datasets and high traffic, making it ideal for
full stack applications that may grow in complexity or user base.
3. Python and MySQL Integration in Full Stack Development
In full stack development, Python and MySQL often work together as part of the
backend architecture. Python, acting as the server-side language, connects to the
MySQL database to perform CRUD operations (Create, Read, Update, Delete).
These interactions are critical for managing application data and responding to user
actions.
Django is a high-level, open-source web framework for building web applications
quickly and with minimal code. Written in Python, Django follows the Model-
View-Template (MVT) architectural pattern, which is a variant of the more
common Model-View-Controller (MVC) framework.
Django is designed to help developers take applications from concept to completion
as quickly as possible while encouraging clean, pragmatic design. It comes with a
rich set of features that simplify many common web development tasks, such as
handling user authentication, managing databases, and creating dynamic content.

12
 CHAPTER 5

FULL STACK APPLICATIONS

Full stack applications are software solutions that involve both front-end and back-end
components, allowing for seamless interaction between the user interface and server-
side functionalities. Below are key aspects and examples of full stack applications:
E-Commerce Platforms

 Example: Shopify, WooCommerce

Functionality: Full stack applications that allow users to browse products, manage
shopping carts, and process payments. The front end displays product information
and user accounts, while the back end handles inventory management and
payment processing.
Social Media Networks
 Example: Facebook, Twitter

Functionality: These applications enable users to create accounts, post updates,

share content, and interact with others. The front end provides user interfaces for
navigation and engagement, while the back end manages user data and
interactions.
Content Management Systems (CMS)
 Example: WordPress, Joomla

Functionality: Full stack applications that allow users to create, edit, and manage
digital content. The front end displays the content, while the back end facilitates
content creation, storage, and organization.
Project Management Tools
 Example: Trello, Asana

Functionality: These applications help teams organize tasks, track progress, and
collaborate. The front end provides an intuitive interface for task management,
while the back end handles user accounts, project data, and real-time updates.

Online Learning Platforms

 Example: Udemy, Coursera

Functionality: Full stack applications that provide educational content and
enable user interaction through courses, quizzes, and forums. The front end
presents course materials and user dashboards, while the back end manages user

13
 progress and content delivery

Real-Time Chat Applications

 Example: Slack, WhatsApp Web

Functionality: These applications enable real-time communication between users.
The front end provides chat interfaces, while the back end manages message
storage and delivery in real time.

Healthcare Applications

 Example: Telehealth platforms like Zocdoc

Functionality: Full stack applications that facilitate patient scheduling, virtual
consultations, and medical record management. The front end allows users to
book appointments, while the back end securely stores medical data and manages
appointments.

Financial and Banking Apps

 Example: Mint, PayPal
Functionality: Full stack applications that manage financial transactions,
budgeting, and investments. The front end provides user dashboards for financial
tracking, while the back end processes transactions and maintains security.

Fig 5.1 Full Stack Applications

14
 CHAPTER-6
BENEFITS OF FULL STACK

1. Versatility and Flexibility

 Wide Skill Set: Full stack developers possess a broad range of skills, allowing
them to work on both front-end and back-end tasks. This versatility enables
teams to adapt quickly to project changes and requirements.
 Cross-Disciplinary Knowledge: Understanding the entire technology stack
fosters collaboration between front-end and back-end teams, reducing
miscommunication and streamlining workflows.
2. Streamlined Development Process
 End-to-End Development: Full stack development allows for a cohesive
approach to application creation, with developers handling all aspects of the
project from start to finish.
 Reduced Overhead: Fewer specialists may be needed when one or two
developers can manage the entire stack, leading to cost savings and simpler
project management.
3. Improved Communication
 Better Collaboration: Full stack developers can effectively communicate
technical needs and constraints across teams, promoting a unified vision and
better problem-solving.
 Shared Understanding: Teams can work more efficiently when all members
understand how different parts of the application interact, leading to fewer
bottlenecks.
4. Faster Time-to-Market
 Rapid Prototyping: The ability to build and iterate on both the front end and
back end expedites the development process, allowing businesses to launch
applications more quickly.
 Agile Development: Full stack development supports agile methodologies,
enabling teams to respond to user feedback and market changes promptly.

15
 Fig 6.1 Benefits Of Full Stack

5. Scalability and Maintenance

 Easier Upgrades: Full stack applications can be scaled and maintained more
easily since developers have a thorough understanding of the entire system.
 Consistent Technology Stack: Leveraging similar technologies across the
stack simplifies updates and ensures that all components work harmoniously
6. Comprehensive Problem Solving

Holistic View: Full stack developers have a complete understanding of how the
application functions as a whole, enabling them to identify and solve problems
that span multiple layers of the stack.
Quick Debugging: With knowledge of both front-end and back-end issues, full
stack developers can diagnose and resolve bugs more efficiently.

16
 CHAPTER-7

FULL STACK LIMITATIONS

1. Depth vs. Breadth

 Limited Specialization: Full stack developers may not have the same depth of
knowledge in specific areas compared to specialized front-end or back-end
developers. This can lead to compromises in the quality of complex features.
 Jack of All Trades: While they are versatile, full stack developers might not
be experts in every technology, making it challenging to handle highly
specialized tasks effectively.
2. Overwhelming Complexity

 Complexity Management: Managing both front-end and back-end

components can become overwhelming, especially in large applications where
the technology stack is extensive.
 Learning Curve: Staying updated with numerous frameworks, languages, and
tools can be difficult, leading to potential knowledge gaps.
3. Performance Trade-offs

 Optimization Challenges: A full stack developer may prioritize getting the

application running over optimizing individual components for performance,
leading to less efficient code or architecture.
 Scalability Issues: While full stack applications can be designed for
scalability, without specialized knowledge, developers may struggle to
implement scalable solutions effectively.
4. Resource Limitations

 Single Point of Failure: Relying heavily on one or a few full stack developers
can create risks if they become unavailable or leave the team, potentially
slowing down development.
 Team Dependency: A full stack team might lack the diverse perspectives that
specialized teams bring, which can stifle innovation and creativity.

17
5. Integration Challenges

 Complex Integrations: As applications grow, integrating various services and

technologies can become complex, and full stack developers may not have the
deep understanding needed to handle integration effectively.
 Inconsistent Standards: Without dedicated teams, different parts of the
application might use varying coding standards or architectural approaches,
leading to inconsistencies.
6. Time Constraints

 Project Timelines: Balancing both front-end and back-end responsibilities can

lead to longer development times for features, particularly when multiple
components need to be coordinated.
 Delayed Issue Resolution: If a problem arises that spans both layers, it may
take longer for a full stack developer to diagnose and resolve it compared to a
specialized team.

Fig 7.1 Required skills for Full Stack Developers

18
 CHAPTER 8

ACTIVITY LOG AND WEEKLY REPORT

WEEK-1: INTRODUCTION ABOUT FULL STACK

Brief description of the Learning

Day & Date
Daily Activity Outcome

About
Day – 1 Introduction about Full Stack Front-end
(13-01-2025) Development &
Back-end

Day-2
Front-end Technologies About JS
(15-01-2025)

How to create
Day-3 Creating Single Page Web Single Page
(17-08-2025) Apps Using React Web App
Using React JS

19
 WEEK-2 : THE MERN DEVELOPMENT LAB

Brief description of the

Day & Date Learning Outcome
Daily activity

About DOM Tree and

Day-4
Document Object Model how to connect CSS and
(20-01-2025)
JavaScript file

Day- 5 How to design ,develop,

Create TO-DO-LIST
(22-01-2025) publish a website

Day- 6 How to design ,develop,

Adding Interactivity with JS
(24-01-2025) publish a website

20
 WEEK-3: THE MERN DEVELOPMENT LAB

Brief description of the

Day & Date Daily activity Learning Outcome

About API’S and

Day-7
Application Programming JSON Data And
(27-01-2025) Interface
Connecting Front-end
and Back-end

About
Day- 8 Python(Fundamentals)
Back -end Technologies
(29-01-2025) and
MY-SQL

About Python
Day-9
Back -end Technologies (Functions and
(31-01-2025)
Classes)Iterative Loop

21
 WEEK-4: FULL-STACK-DEVELOPMENT LAB

Brief description of the

Day & Date Learning Outcome
Daily activity

Day-10
How to import
Python (Django Framework)
(03-02-2025) Django Module

Day-11
Practical Practical
(05-02-2025)

How to create
Day-12 other end-points
Django Frame work
(07-02-2025) and Thunder-Client
tool

22
 WEEK-5: FULL STACK-DEVELOPMENT LAB

Brief description of the

Day & Date Learning Outcome
Daily activity

Day-13 How to create Django

Creation of Project
(10-02-2025) project

Day-14
Revised Session Creation of Project
(12-02-2025)

Day-15
Revised Session Creation of Project
(14-02-2025)

23
 WEEK-6: FINAL PROJECT

Brief description of the

Day & Date Learning Outcome
Daily activity

Day-1
Project Session Description of project
(17-02-2025)

Day-2
Grand Test Grand Test
(19-02-2025)

Day-3 How to build

Project Session
(21-02-2025) architecture of project

24
 WEEK-7: FINAL PROJECT

Brief description of the

Day & Date Learning Outcome
Daily activity

Day-4
Project Session Creation of project
(24-02-2025)

Day-5
Project Session Modules used in project
(03-03-2025)

Day-6
Final Grand Test Final Grand Test
(05-03-2025)

25
 WEEK-8: FINAL PROJECT

Brief description of the

Day & Date Learning Outcome
Daily activity

Day-7 How to connect

Project Session
(07-03-2025) Front-end and Back-end

Day-8
Project Session Testing of project
(10-03-2025)

Day-9
Project Session Deployment of project
(12-03-2025)

26
 CHAPTER-9
OUTCOMES DESCRIPTION
9.1 Work environment
After Completing this Course.

 understand the Aws cloud architectural principles.

 understand the fundamentals of Aws cloud and infrastructure
 understand the key services on the Aws understand the security and Compliance
and the Shared Security model.
 understand the fundamental Concepts of deploying and operating in the Aws
cloud.

9.2 Real time technical skills acquired

 understanding virtualization: This means not depending upon personal
individual hardware that faces problems when scaling but rather running
application software on Virtual machines
 Cloud Service providers: There are many cloud Service vendors that offer
Storage database, Compute machine learning, and Migration Services but Aws is
the leader closely followed by Microsoft's Azure
 Security & Recovery: Cloud Security is one of the most difficult subdomains in
the cloud Since it involves Critical measures to be taken when there is a data
breach or disaster recovery
9.3 Managerial skills acquired
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:

27
  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 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. Learning Outside the Classroom 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. Interactivity in Classroom

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.

28
 PROJECT

PROJECT TITLE : Calculator Application using Django

ABSTRACT :

This project presents a web-based calculator application developed using the Django
framework. The application offers basic arithmetic operations, including addition,
subtraction, multiplication, and division, with a user-friendly interface accessible
through any web browser. The system leverages Django’s powerful backend to ensure
smooth and secure operation, while the frontend is built using HTML, CSS, and
JavaScript to provide a seamless user experience. The primary aim is to create an easily
accessible, responsive, and reliable tool for performing calculations, highlighting
Django's capabilities in developing lightweight utility applications. This project
demonstrates the integration of client-server communication and enhances user
interaction through dynamic result updates. Future enhancements may include advanced
mathematical operations, history tracking, and multi-user sessions.
CALCULATOR APP USING DJANGO :

1. To start the project use this command:

>>django-admin startproject core

>>cd core
2. To start the app use this command

>>python manage.py startapp home

3.Now add this app to the ‘settings.py’
INSTALLED_APPS = [
"django.contrib.admin",

"django.contrib.auth",

"django.contrib.contenttypes",

"django.contrib.sessions",

"django.contrib.messages",

"django.contrib.staticfiles",

"home",

29
 ]

FILE STRUCTURE :

Fig:10.1 File Structure

SETTING NECESSARY FILES :

1. views.py : The Django view function ‘calculator’ checks if the request is a POST
method. If true, it retrieves the ‘result’ parameter, calculates the result, and renders
‘index.html’ with the result. Otherwise, it renders ‘index.html’ without any changes.
Source Code :

from django.shortcuts import

30
render from django.http import
HttpResponse

def calculator(request):
if request.method == 'POST':
result = request.POST.get('result', '')
return render(request, 'index.html', {'result': result})
return render(request, 'index.html')

1. urls.py : Defines Django URL patterns, routing ‘admin/’ to the admin interface
and ” to the ‘calculator’ function from the ‘home.views’ module.
Source Code :

from django.contrib import

admin from django.urls
import path from
home.views import *
urlpatterns = [
path('admin/', admin.site.urls),
path('', calculator, name='calculator'),

2. index.html : This HTML document defines a simple calculator web page. It

includes styles for a centered layout with a background color, a calculator container
with specific styling, and JavaScript functions for handling user input. The calculator
allows users to perform basic arithmetic operations, and the result is displayed in an
input field within a form.
Source Code :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Calculator</title>

31
 <style>
body {
font-family: 'Arial', sans-serif;
background-color: #f2f2f2;
margin: 0;

padding: 0; display: flex;

align-items: center; justify-content:
center; height: 100vh;
}
.calculator {
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0,
0.1); border-radius: 5px;
padding: 20px; width: 300px; text-
align: center;
}

h1 {
color: #4CAF50;
font-family: 'Times New Roman',
Times, serif; margin-top: 0;
}

input, button { margin: 5px; padding:

10px; font-size: 16px;
}

input {
width: 80%;
button {
width: 19%;
}

</style>
</head>

32
<body>
<div class="calculator">
<h1>GeeksforGeeks Calculator</h1>
<form method="post" action="{% url 'calculator' %}">
{% csrf_token %}
<input type="text" id="result" name="result" value="{{ result }}">
<br>
<button onclick="clearResult()">C</button>
<button onclick="appendToResult('7')">7</button>
<button onclick="appendToResult('8')">8</button>
<button onclick="appendToResult('9')">9</button>
<br>
<button onclick="appendToResult('4')">4</button>
<button onclick="appendToResult('5')">5</button>
<button onclick="appendToResult('6')">6</button>
<button onclick="appendToResult('*')">*</button>
<br>
<button onclick="appendToResult('1')">1</button>
<button onclick="appendToResult('2')">2</button>
<button onclick="appendToResult('3')">3</button>
<button onclick="appendToResult('-')">-</button>
<br>
<button onclick="appendToResult('0')">0</button>
<button onclick="appendToResult('.')">.</button>
<button onclick="calculate()">=</button>
<button onclick="appendToResult('+')">+</button>
<button onclick="clearResult()">Clear</button>
<button onclick="appendToResult('/')">/</button>
</form>
</div>

<script>
// Update JavaScript functions to handle form
submission function appendToResult(value) {

33
 document.getElementById('result').value += value;
}

function clearResult() {
document.getElementById('result').value = '';
}

function
calculate()
{ try {
document.getElementById('result').value =
eval(document.getElementById('result').value);
} catch (error) {
document.getElementById('result').value =
'Error';
}

</script>
</body>
</html>
DEPLOYMENT OF THE PROJECT :

1. Run these commands to apply the migrations:

>>python3 manage.py makemigrations

>>python3 manage.py migrate

2. Run the server with the help of following command:

>>python3 manage.py runserver

OUTPUT:

CALCULATOR

34
Fig 10.2 Final Output

35
Student Self Evaluation of the Short-Term Internship

Student Name : VEESAM DIVYA SREE

Roll No. : 21JR1A05F9
Term of Internship : 3 Months

From : 13-01-2025

To : 25-03-2025
Date of evaluation : MAY 2025
Organization Name & Address: IIDT-APSCHE (BLACK BUCKS) Tirupati

Please rate your performance in the following areas:

Rating scale: Letter grade of CGPA calculation to be provided

1 Oral communication 1 2 3 4 5

2 Written communications 1 2 3 4 5
3 Pro activeness 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: Signature of the student

36
37