A Report On

END SEMESTER INTERNSHIP

Name of the Student : A. Aditya Sri

Name of the College : Vignan’s Institute of Information and Technology

Registration Number : 21L31A5401

Period of Internship: From : 01-01-2025 to 20-03-2025

Year : IV-II B. Tech

Intern Organization : System Tron

Address of organization : Vaisali nagar, Jaipur,Rajasthan

1
 An Internship Report
on
Full Stack Web Development using Java

Submitted in accordance with the requirement for the degree of

Bachelor of Technology
in
Artificial intelligence and Data science
By

A. Aditya Sri
Registration No: 21L31A5401

Under the Faculty Guideship of

Internal Mentor: Mrs. I. Mani Kumari

External Mentor: Mr. Ravi Kant Garg

DEPARTMENT OF ARTIFICIAL INTELLIGENCE AND DATA SCIENCE

VIGNAN’S INSTITUTE OF INFORMATION TECHNOLOGY (A)

April 2025

2
 Student’s Declaration

I, A. Aditya Sri a student of Bachelor of Technology Program bearing the Registration No.

21L31A5401 of the Department of Artificial Intelligence and Data Science, Vignan’s Institute of

Information Technology, hereby declare that I have completed the mandatory internship from 01-01-

2025 to 20-01-2025 in System Tron under the faculty guidance of Mr. J Peter Praveen, Department of

Artificial Intelligence and Data Science, Vignan’s Institute of Information Technology.

(Signature with date)

3
 Official Certification

This to certify that Mr. : A. Aditya Sri Registration No. 21L31A5401 has completed his internship in

System Tron on Design and Development of Large-Scale Forms under my supervision as a part of

partial fulfillment of the requirement for the Degree of Bachelor of Technology in the Department of

Artificial Intelligence and Data Science, Vignan’s Institute of Information Technology.

(Signatory with Date and seal)

Endorsements

Faculty Guide

Head of the Department

Principal

4
 Certificate From Intern Organization

This is to certify that : A. Aditya Sri, Registration No. 21L31A5401 of Vignan’s Institute of
Information Technology underwent internship in System Tron from 01-01-2025 to 20-03-2025.

The overall performance of the intern during his internship is found to be Satisfactory.

(Authorized Signatory with date and Seal)

5
 Acknowledgements

My heartfelt thanks to Mr. Ravi Kant Garg , Internship in-charge, HR at System Tron, who guided
me by taking class and let me carefully visit the practical sessions.

My special thanks to our Principal Dr. J. Sudhakar, for following me to participate in the summer
internship program on behalf of our college to gain industrial knowledge and experience.

My thanks to Dr B Prasad Rao, Head Internships who helped me by allowing to participate in

accordance of our interested company through detailed information.

My best regard to Dr T V Madhusudhana Rao, HOD Department of Artificial Intelligence and Data
Science department, for providing me with all the Information and advising about different companies
and analyzing them in the better way.

My heartfelt thanks Mr. Gouri Sankar Nayak, Assistant Professor, Department Internship
Coordinator, Vignan’s Institute of Information Technology who helped me in every aspect of gathering
information about internship and guide me every day on proper submission of reports.

My heartfelt thanks to our internship mentor Mrs. I. Mani Kumari, who took the responsibility to
monitor all my daily attendance and Weekly report patiently.

6
 Table Of content

Sl. Content Page No

No

1 Personal Details 1

2 Title 2

3 Declaration 3

4 Official Certification 4

5 Certificate from Intern Organization 5

6 Acknowledgement 6

7 Chapter-1: Executive Summary 9

8 Chapter-2: Overview of the Organization 10-11

9 Chapter-3: Internship Part 12

Activity Log for Week-1 13

Weekly Report for Week-1 14

Activity Log for Week-2 15

Weekly Report for Week-2 16

Activity Log for Week-3 17

Weekly Report for Week-3 18

Activity Log for Week-4 19

Weekly Report for Week-4 20

Activity Log for Week-5 21

Weekly Report for Week-5 22

Activity Log for Week-6 23

Weekly Report for Week-6 24

Activity Log for Week-7 25

Weekly Report for Week-7 26

Activity Log for Week-8 27

7
 Weekly Report for Week-8 28

Activity Log for Week-9 29

Weekly Report for Week-9 30

Activity Log for Week-10 31

Weekly Report for Week-10 32

Activity Log for Week-11 33

Weekly Report for Week-11 34

Activity Log for Week-12 35

Weekly Report for Week-12 36

10 Chapter-4: Outcomes Description 40-48

11 Daily Activity GPS Photos 49-51

12 Internship Completion Certificate 52-53

CHAPTER 1: EXECUTIVE SUMMARY

8
Objectives:
• Understanding of Full Stack Web Development: The intern gained an understanding of front-end
and back-end technologies as well as various frameworks and databases.
• Front-end development: The intern gained knowledge of HTML, CSS, and JavaScript.
• Back-end Development: Basic understanding of PHP, used in back- end was achieved.
• Troubleshooting and Bug fixing: Intern encountered various challenges and bugs and learned how
to identify and debug them efficiently.
• Web Scraping: Extracted and processed data from various websites.
• API Integration: Integrated third-party services such as HubSpot using APIs.

Outcomes:
• Intern can independently design web applications by choosing right technologies.
• Using machine learning libraries in python to get a brief understanding of it.
• Work on data visualization libraries in python.
• Get brief introduction to PHP to build localhost web applications.
• Title Effectively addressing issues that arise during web development.
• Successfully integrated APIs to enhance application functionalities.
• Applied security best practices in web application development

9
 CHAPTER 2: OVERVIEW OF THE ORGANIZATION

System Tron is a forward-thinking technology company dedicated to providing innovative, efficient,

and sustainable solutions across various sectors such as automation, electronics, and IT services. With
a strong emphasis on research, development, and customer satisfaction, the organization strives to drive
digital transformation and empower businesses through intelligent systems and cutting-edge
technology. System Tron’s approach blends technical expertise with creative problem-solving to
deliver high-quality products and services tailored to modern industry demands.

Vision:
• To become a globally recognized leader in smart and sustainable technology solutions.

• To set benchmarks in innovation, quality, and customer service.

• To transform industries with forward-thinking, intelligent systems.

• To shape the future through impactful technology that improves lives.

• To foster a globally connected ecosystem of technology, talent, and trust.

• To be the preferred partner for digital transformation across all sectors.

• To inspire progress by combining ethical values with cutting-edge engineering.

• To continuously redefine the standards of operational excellence.

Mission:

• To deliver cutting-edge, reliable, and sustainable technological solutions.

• To empower businesses through digital transformation and intelligent automation.

• To drive innovation while maintaining a customer-centric approach.

• To bridge the gap between technology and real-world industry challenges.

• To provide scalable and future-ready solutions for global competitiveness.

• To nurture a culture of continuous learning and technical excellence.

• To contribute positively to the digital economy and societal development.

10
Objectives:
1. Deliver High-Quality Solutions
• Develop and deploy reliable, efficient, and scalable technology products tailored to client
needs.
2. Drive Innovation
• Invest in R&D to create breakthrough technologies and stay ahead of industry trends.
3. Enhance Customer Satisfaction
• Continuously improve customer service and product experience through feedback and
performance analysis.
4. Promote Digital Transformation
• Enable clients to modernize operations with intelligent automation and smart systems.
5. Strengthen Global Presence
• Expand into international markets with localized, compliant, and competitive solutions.
6. Uphold Ethical Standards
• Maintain transparency, honesty, and accountability in all business activities.
7. Foster a Culture of Excellence
• Build a high-performance work environment focused on continuous learning and
innovation.
8. Encourage Collaboration and Teamwork
• Promote internal and external collaboration to enhance creativity and deliver better
outcomes.
9. Commit to Sustainability
• Develop eco-friendly technologies and adopt sustainable business practices.
10. Develop Talent and Leadership
• Empower employees through training, leadership development, and career growth
opportunities.
11. Adopt Agile and Adaptive Strategies
• Stay responsive to technological advancements and market dynamics to maintain
competitiveness.

11
 CHAPTER 3: INTERNSHIP PART
The internship at System Tron & business services Pvt Ltd focused on Web Development , involving
various activities and tasks. Here is an overview of the internship experience:
• Learning Activities: The internship provided hands-on experience in Web Development, covering
both front-end and back-end technologies. Interns worked with various frameworks, databases, and
APIs while also gaining proficiency in Python for automation and data processing.
• Front-end Technologies: Interns designed and developed responsive web pages using HTML,
CSS, and JavaScript. They implemented UI/UX improvements and used frameworks like Bootstrap
to ensure a seamless user experience.
• Back-end Development: The internship involved working with PHP and MySQL to develop
secure authentication systems, implement database queries, and apply encryption techniques for
data security.
• Working Conditions: A professional and well-equipped environment was provided, ensuring a
productive workspace. The organization offered flexibility in working hours and encouraged
collaboration among team members.
• Weekly Work Schedule: Interns followed a structured schedule from Monday to Saturday.
Weekly meetings were conducted to review progress, address challenges, and discuss
improvements.
• Equipment Used: Interns used high-performance systems with essential software tools, including
VS Code, PyCharm, and MySQL Workbench. They managed databases efficiently and used IDEs
for smooth development.
• Tasks Performed: Interns developed and designed web applications, integrated third-party APIs,
automated data handling with Python, and debugged applications to enhance system performance.
• Skills Acquired: The internship helped interns gain proficiency in Full Stack Web Development,
problem-solving through debugging, and time management while working in a professional team
environment.
• Overall Experience: The internship provided valuable industry exposure, allowing interns to apply
their technical skills in real-world projects and improve their efficiency in web development.

12
 ACTIVITY LOG FOR WEEK-1

Brief
Person In-
description Learning
Day Date Charge
of the daily Outcome
Signature
activity

Introduction to Learned HTML

Day-1 01-01-2025
HTML syntax and tags

Advanced Gained knowledge

HTML & about HTML forms

Day-2 02-01-2025 Forms and input types

Introduction Understood styling

Day-3 03-01-2025 to CSS and layout using
CSS

CSS Box Learned positioning

Model & and responsive
Day-4 04-01-2025 Flexbox layout techniques

CSS Grid and Studied

Day-5 06-01-2025 Media advanced CSS

Queries for layouts

13
 WEEKLY REPORT

WEEK – 1
(From Date: 01-01-2025 to Date: 06-01-2025)

Objectives:

• Set up a complete and functional development environment for full-stack development.

• Gain clarity on the project’s purpose, scope, and the technologies involved.
• Understand tool usage, project workflow, and establish alignment with team goals.
• Prepare to begin feature development from Week 2 by setting a strong technical foundation.

Detailed Report:

The first week of the internship focused on laying the technical and conceptual groundwork for the entire
project. I installed and configured all essential tools including Node.js (v18.16.0), Visual Studio Code, Git,
npm, and MongoDB Compass to match the stack used by the development team. I cloned the central GitHub
repository, resolved a Node.js compatibility issue, and ensured my setup was identical to the team’s
environment to avoid discrepancies during development. I reviewed the project documentation and engaged
in discussions with my supervisor to fully grasp the end goal: building a task management web application
featuring user authentication, dynamic dashboards, and real-time data handling. I explored each part of the
stack—React (frontend), Node.js/Express (backend), and MongoDB (database)—to understand their roles. To
build confidence with tools, I created a local test API, ran a sample Node server, and experimented with
MongoDB collections. Additionally, I documented the tech stack and initial challenges, such as unclear setup
instructions and version mismatches, which were addressed with team guidance. This preparation enabled me
to confidently present my progress to the supervisor, who validated the setup and suggested focusing on the
authentication system in Week 2.

Learning Outcomes:

• Developed practical skills in configuring a complete full-stack environment using modern tools.
• Understood project objectives and how each technology contributes to the final product.
• Strengthened collaboration, debugging, and documentation abilities through real-time issue resolution
and team interaction.

14
The MERN stack is a popular JavaScript-based framework for building full-stack web applications. It
consists of:
• Front-end Development:
o React JS: A library for building dynamic user interfaces, supported by HTML/CSS, JavaScript,
and Bootstrap for styling.
• Back-end Development:
o Node JS web server: A runtime environment for executing JavaScript on the server.
o Express Web Framework: A lightweight framework for building robust APIs and web
applications.
o Mongoose: An ORM (Object Relational Mapping) tool that facilitates interaction between
Node.js and MongoDB.
• Database Management:
o MongoDB: A NoSQL database for storing and managing data in a flexible, JSON-like format.

15
 ACTIVITY LOG FOR WEEK-2

Brief
Person In-
description Learning
Day Date Charge
of the daily Outcome
Signature
activity

JavaScript Variables, data

Day-6 08-01-25
Basics types, operators

Functions and Functions, if/else,

Control loops
Day-7 09-01-25 Structures

Arrays and Working with

Day-8 10-01-25 Objects collections and key-
value data

DOM Modifying HTML

Day-9 11-01-25
Manipulation elements
dynamically

Event Responding to
Day-10 13-01-25 Handling user interactions

16
 WEEKLY REPORT

WEEK – 2
(From Date: 07-01-2025 to Date: 13-01-2025)

Objective
• The second week focused on deepening my knowledge of JavaScript, with a primary goal of
understanding its core concepts such as variables, data types, control structures, functions, arrays,
objects, and especially DOM manipulation.
• This phase aimed to equip me with the ability to write dynamic and interactive web pages and to
lay the groundwork for using JavaScript frameworks in the future. Additionally,.
• I was expected to apply these skills in a mini project to solidify understanding through hands-on
implementation.
Detailed Report:
The week began with an exploration of JavaScript syntax and core constructs, including variables (var,
let, const), data types, and operators. I then progressed to learning about control structures such as
conditionals (if-else, switch) and loops (for, while). A major part of my learning involved functions
and how to modularize code using them. Mid-week, I shifted focus to arrays and objects, learning how
to store and manipulate structured data. Toward the end, I dived into DOM manipulation—selecting
and modifying elements using document.querySelector and getElementById, and attaching event
listeners to respond to user interactions. This was practically applied in a mini JavaScript project: an
interactive to-do list with the ability to add, delete, and mark tasks as completed. I faced initial
challenges in debugging event handling issues, which I resolved with support from peers and by
referring to documentation. This helped enhance my problem-solving skills and solidify my
understanding of the language.

Learning Outcomes:
• Understood JavaScript fundamentals and control structures.
• Learned to work with arrays, objects, and functions.
• Developed interactive features through DOM manipulation.
• Built a mini JavaScript project, improving implementation confidence.
• Improved debugging and problem-solving through practical issues.

17
• Planning and Analysis: Initial phase to define goals and requirements.
• Design and Prototyping: Creating mockups and prototypes for the user interface.
• HTML Structure: Building the foundational structure of the web page.
• CSS Styling: Adding styles and layouts to enhance the design.
• Adding JavaScript Functionality: Implementing interactive features and logic.
• Testing and Deployment: Ensuring functionality and launching the project.

18
 ACTIVITY LOG FOR WEEK-3

Brief
description of Learning Person In-
Day Date the daily Outcome Charge
activity Signature

Introduction JSX,
to React Components,
Day-11 14-01-25
Props

Day-12 15-01-25 State and Using useState and

Lifecycle component lifecycle

Handling React forms and

Day-13 16-01-25 Events and event listeners
Forms

Conditional If-else rendering in

Day-14 17-01-25 Rendering JSX

Lists and Keys Dynamic rendering

Day-15 18-01-25 using .map

Day-16 20-01-25 React Mini Basic single-page

Project app

19
 WEEKLY REPORT

WEEK – 3
(From Date: 14-01-25 to Date: 21-01-25)

Objective

• The goal for Week 3 was to build a foundational understanding of React.js, a widely-used
frontend library for building interactive user interfaces.

• This included concepts like JSX, functional components, props, state management, and
conditional rendering. By the end of the week.

• I aimed to apply these skills in a mini React project to experience the component-driven
architecture and better prepare for more complex frontend tasks.

Detailed Report:

I started with an introduction to React and its virtual DOM concept. I learned to create components
using JSX and functional component syntax, passing data through props. As the week progressed, I
explored state management using useState and learned how lifecycle behaviors are handled within
functional components. I implemented form elements and handled events within components,
understanding the flow of data and user interaction. I also studied conditional rendering techniques
using ternary operators and logical && syntax to show or hide elements based on application state. I
practiced rendering dynamic lists using .map() and assigning keys properly. By the end of the week, I
created a basic React single-page application (SPA): a contact manager that allows adding and listing
contacts. During the build, I encountered issues with state updates and component re-rendering, which
I overcame by exploring the React DevTools and refining component structures

Learning Outcomes:

• Gained understanding of JSX, props, and components.

• Learned to manage state and handle user events in React.

• Practiced dynamic rendering and form handling.

• Built a SPA to implement React concepts.

• Improved debugging using React DevTools and project-based learning.

20
I have developed a basic front-end webpage incorporating fundamental concepts from HTML, CSS,
and JavaScript, including structured markup, responsive styling, and interactive functionality.
Subsequently, I implemented the same design and features using React, leveraging its component-
based architecture, state management, and virtual DOM to enhance scalability and performance. This
exercise allowed me to gain hands-on experience with both traditional web development techniques
and the modern React framework, providing a solid foundation for building dynamic and efficient
user interfaces.

21
 ACTIVITY LOG FOR WEEK-4

Brief Learning Person In-

Day Date description Outcome Charge
of the daily Signature
activity

Day-17 21-01-25 Node.js Introduction to

Basics Node environment

Modules and Installing and

Day-18 22-01-25
NPM using packages

Express.js Creating server

Introduction and routing
Day-19 23-01-25

Middlewares Request handling

in Express and middleware
Day-20 24-01-25

REST API Creating and

Basics testing APIs
Day-21 25-01-25

22
 WEEKLY REPORT

WEEK – 4
(From Date: 21-01-25 to Date: 25-01-25)

Objective
• The fourth week was dedicated to backend development with Node.js and Express.js.
• The objective was to learn how to create a server, manage routes, handle requests, and structure a
backend application.
• This week marked a transition to server-side programming and set the stage for creating full-stack
applications by integrating a backend API with a frontend interface.

Detailed Report
The week started with the installation and setup of Node.js. I created a basic server and learned how
Node handles asynchronous operations using callbacks and promises. Then, I was introduced to npm
and how to use external packages. Express.js was introduced mid-week as a framework to simplify
HTTP server creation. I created routes and handlers for different HTTP methods. I explored
middleware functions and how they help with logging, validation, and error handling. I learned how
to create a RESTful API structure and tested endpoints using Postman. Toward the end, I created a
mini backend project—a basic CRUD API for a task management app. I structured routes and
controllers, tested endpoints, and handled basic error conditions. I faced difficulties with
asynchronous error handling, which I resolved through mentorship and deeper reading into
async/await patterns.

Learning Outcomes:
• Learned backend basics using Node.js and Express.
• Practiced creating and managing routes.
• Built a RESTful API with CRUD functionality.
• Used middleware for request handling and error management.
• Gained experience with asynchronous operations and testing APIs.

23
The diagram illustrates the architecture of the MERN stack, a robust JavaScript-based framework for
developing full-stack web applications. Here’s a detailed breakdown of its components:
• React.js: Positioned at the top, it serves as the front-end library, enabling the creation of dynamic
and responsive user interfaces. It interacts directly with the web, delivering a seamless user
experience.
• Express.js: Located in the server layer, this web application framework runs on Node.js,
providing a minimalist and flexible structure for building APIs and handling server-side logic
efficiently.
• Node.js: Acting as the runtime environment, Node.js supports the execution of JavaScript on the
server, facilitating real-time data processing and communication between the front-end and back-
end.
• MongoDB: At the database layer, MongoDB functions as a NoSQL database, storing data in a
flexible, JSON-like format. It integrates with the server via Node.js, ensuring scalable and
efficient data management.

24
 ACTIVITY LOG FOR WEEK-5

Brief Learning Person In-

Day Date description of Outcome Charge
the daily Signature
activity

Basic commands
Day-22 30-01-25
Introduction to and CRUD
MongoDB operations

Day-23 31-01-25 MongoDB with Using Mongoose

Node ORM

Creating and
Day-24 01-02-25 Schema Design validating
schemas

CRUD Database
Day-25 03-02-25 Operations operations using
Express

Relational Data Embedding and

Day-26 04-02-25 in MongoDB referencing

Day-27 05-02-25 Full-stack CRUD Integrated app

with frontend
App
+ backend

25
 WEEKLY REPORT

WEEK – 5
(From Date: 30-01-25 to Date: 05-02-25)
Objective
• The primary goal of Week 5 was to explore database concepts with MongoDB and learn to
integrate it with the Node.js backend using Mongoose.
• I aimed to understand database design, schema validation, and how to perform CRUD operations
within a backend service.
• This week was essential to complete the full stack architecture by introducing persistent data
storage.

Detailed Report:
I started the week by installing MongoDB locally and exploring MongoDB Compass. I practiced
basic shell commands such as insert, update, delete, and queries. Next, I integrated MongoDB with
my Node.js project using Mongoose. I learned to design schemas with validation rules and created
models for my app. I then implemented CRUD operations to store, fetch, update, and delete tasks
from the database. I also practiced embedding and referencing data, such as user-task relationships.
Finally, I completed a full-stack CRUD application that connects the React frontend with the Express
backend and MongoDB database. I faced initial difficulties in understanding Mongoose’s abstraction
and encountered issues when updating nested objects, which I overcame by referencing the official
documentation and trying various test cases.

Learning Outcomes:
• Learned MongoDB shell commands and Compass usage.
• Integrated MongoDB with backend using Mongoose.
• Designed schemas and implemented validation.
• Built a complete full-stack CRUD application.
• Improved understanding of data modeling and relationships.

26
• User: The entry point, interacting with the application through the Router.
• Router: Directs user requests to appropriate components.
• Components: Includes various UI elements such as Home, Profile, SignUp, Login, UserPage,
ProjectManagerPage, and AdminPage, each handling specific functionalities.
• Service Layers: Comprises AuthenticationService for managing user login and token generation,
and BackendService for handling backend operations.
• LocalStorage: Stores JWT tokens, managed by interceptors for secure data handling.
• Axios: Facilitates HTTP requests to the Backend Rest APIs, ensuring token-based security.
• Backend Rest APIs: Provides the server-side logic with JWT Token Security for authenticated
access.

27
 ACTIVITY LOG FOR WEEK-6

Brief Learning Person In-

Day Date description Outcome Charge
of the daily Signature
activity

Commands,
Day-28 06-02-25 Git Basics commits,
branches

Repositories,
Day-29 07-02-25 GitHub Usage pushes, pull
requests

Project Organizing
Day-30 08-02-25 Structuring full stack
apps

Environment .env setup and

Day-31 09-02-25 Variables config

Deployment Deploying
Day-32 10-02-25
on Render full stack app

28
 WEEKLY REPORT

WEEK – 6
(From Date: 06-02-25 to Date: 10-02-25)

Objective
• Design an admin product upload form with HTML and CSS.
• Implement proper validations using JavaScript and React.
• Develop a backend API with Node.js/Express for product data.
• Integrate with MongoDB and test the upload functionality.

Detailed Report
Built an admin product upload form with proper validations, starting with gathering requirements and
creating an HTML form with fields like product name and price. Styled it with CSS for a professional
look, ensuring responsiveness with media queries, and tested the layout. Added JavaScript validation
in React (e.g., required fields, price format), integrating with the existing authentication system, and
adjusted based on feedback. Developed a Node.js/Express API endpoint for uploads, connected to
MongoDB, and tested with Postman. Tested the end-to-end process, debugged issues like validation
failures, and reviewed with the team. Committed changes to Git with a message like "Built admin
product upload form," and documented the process. Faced challenges with validation logic, resolved
through iteration, and noted the need for more robust error messages.
• Struggled with initial validation logic, improved with testing.
• Needed better error messaging, a focus for future tasks.
• Integration with authentication required adjustments.

Learning Outcomes
• Gained skills in HTML/CSS form design, React validation, and Node.js API development.
• Understood product upload integration with MongoDB.
• Improved testing and documentation skills; plan to enhance error messaging.

29
• Title: "React Form Validations" with a subtitle "Employee Registration With Different
Validations."
• Fields:
o First Name: Input "Manavi123" with a validation error "Only Alphabet Characters Are
Allowed."
o Last Name: Input "Pandya007" with a validation error "Only Alphabet Characters Are Allowed."
o Email: Input "[email protected]" (appears valid based on standard email format).
o Password: Input "abc@123456" with a validation error "Enter Valid Password."
o Submit Button: A blue button to submit the form once validations are met.

30
 ACTIVITY LOG FOR WEEK-7

Brief
Day Date description of Learning Person In-
the daily Outcome Charge
activity Signature

Understanding
Day-34 13-02-25 Project requirements of
Briefing Social Service
App

Tech Stack Creating Git

Day-35 Setup repo, setting up
14-02-25
React & Node

Wireframing Designed basic

Day-36 15-02-25
wireframes for
UI/UX

Database Planned
Day-37 16-02-25 Schema collections and
Design relations

Task Split modules and

Day-38 17-02-25 Division functionalities

Initial Started frontend

Day-39 18-02-25
Development layout and
routing

31
 WEEKLY REPORT

WEEK – 7
(From Date: 11-02-25 to Date: 18-02-25)

Objective
• Develop a user authentication system using React and Node.js.
• Implement secure password hashing with bcrypt.
• Create a backend API for user login and registration. • Integrate with MongoDB to store credentials.

Detailed Report:
In Week 7, I worked on building a user authentication system. I began by designing a React-based login
and registration form, styled with CSS Grid for a clean, responsive layout. I implemented client-side
form validation using JavaScript to ensure proper input formats (e.g., email and password strength). On
the backend, I developed Node.js/Express APIs for user registration and login, using bcrypt for secure
password hashing. The APIs were connected to MongoDB to store user data. I tested the system with
Postman to verify API functionality and conducted end-to-end testing to ensure secure user
authentication. Challenges included handling duplicate email registrations and session management,
which I resolved by adding unique constraints in MongoDB and implementing JWT for sessions. Code
was committed to Git with a message like "Implemented user authentication system." I noted the need
for better password recovery features. • Struggled with session management, resolved with JWT
implementation. • Faced issues with duplicate email handling, fixed with MongoDB constraints. • Plan
to add password recovery functionality in the future.

Learning Outcomes:
• Gained expertise in building secure authentication systems with React and Node.js
. • Learned to implement bcrypt for password hashing and JWT for sessions.
• Improved skills in MongoDB schema design and API testing. • Aim to enhance password recovery
and error handling in future tasks.

32
• Data Retrieval: API calls enable the application to fetch documents from the MongoDB database,
as shown with the sample data (e.g., "Ribeita Charming Duplex" and "Horto flat with small
garden"). These calls are executed via the search query input, with the last query timestamped (e.g.,
12:55:02, 12/18/2024).
• Search Functionality: The interface supports API-driven searches, allowing users to enter terms
to filter documents. The "No search performed; returning all documents" message indicates a
default API call returning all available data when no specific query is provided.
• Customization: Settings like "Searchable Fields" and "Autocomplete" suggest that API calls can
be tailored to target specific fields (e.g., name, email) or provide real-time suggestions, enhancing
user experience through dynamic responses.
• Integration: The use of Axios (as indicated in the diagram) implies that API calls are handled via
HTTP requests, connecting the front-end to backend Rest APIs securely, often with JWT token
authentication for data protection.

33
 ACTIVITY LOG FOR WEEK-8

Brief
description Learning Person In-
Day Date of the daily Outcome Charge
activity Signature

Navigatio
Day-40 18-02-25 n Bar and Created basic
Home layout
Page

User
Day-41 19-02-25 Login & Auth forms and
Registrati validations
on

Day-42 20-02-25 Role-based Routes for

Routing users/admins

Day-43 21-02-25 Volunteer UI for listing

Dashboard requests

Form Request &

Day-44 22-02-25
Integratio Feedback forms
n

UI Improved
Day-45 23-02-25
Polishing responsiveness

34
 WEEKLY REPORT

WEEK – 8
(From Date: 18-02-25 to Date: 23-03-25)

Objective
• Build a task management dashboard with React.
• Implement drag-and-drop functionality using React DnD.
• Develop a backend API to manage tasks. • Integrate with MongoDB for task storage and retrieval
.
Detailed Report:
During Week 8, I focused on creating a task management dashboard. I designed a React-based UI
with components for task lists and a Kanban-style board, styled with CSS Flexbox for
responsiveness. I implemented drag-and-drop functionality using the React DnD library to allow
users to reorder tasks. On the backend, I built Node.js/Express APIs to create, update, and delete
tasks, connecting them to MongoDB for data persistence. I tested the APIs with Postman and
performed end-to-end testing to ensure smooth task management. Challenges included syncing
drag-and-drop state with the backend and handling concurrent updates, resolved through state
management and API optimizations. Code was committed to Git with a message like "Built task
management dashboard with drag-and-drop." I identified the need for improved task filtering
features. • Struggled with drag-and-drop state syncing, resolved with better state management. •
Faced issues with concurrent updates, fixed with API optimizations. • Plan to enhance task filtering
and sorting in future iterations.

Learning Outcomes:
• Developed skills in building interactive dashboards with React and React DnD.
• Learned to manage complex state and sync with backend APIs.
• Improved MongoDB integration and API development skills.
• Aim to add advanced filtering and sorting features.

35
• Client Sends a Request: The client, represented by a computer, initiates communication by
sending a request in JSON format.
• HTTP Methods: The server processes the request using standard HTTP methods:
• GET: Retrieves data from the server.
• POST: Submits new data to the server.
• PUT: Updates existing data on the server.
• DELETE: Removes data from the server.
• Server Sends a Response: The server, connected to a database, responds to the client via HTTP,
facilitating data exchange.
• JSON: Serves as the data interchange format between client and server, ensuring structured and
efficient communication.

36
 ACTIVITY LOG FOR WEEK-9

Brief
description of Learning Person In-
Day Date the daily Outcome Charge
activity Signature

User Auth Login/register

Day-46 24-02-25
API with JWT

Database
Day-47 25-02-25 Integration MongoDB setup

Day-48 27-02-25 CRUD APIs For service

requests

Feedback Storing user

Day-49 28-02-25
Handling feedback

Role Auth Route protection

Day-50 01-03-25
Middleware

37
 WEEKLY REPORT

WEEK – 9
(From Date: 24-02-25 to Date: 01-03-25)

Objective
• Implement real-time chat functionality using Socket.IO.
• Design a chat UI with React and CSS.
• Develop a backend API to handle messages. • Store chat history in MongoDB.

Detailed Report:
In Week 9, I worked on adding real-time chat functionality to the application. I designed a React-
based chat UI with message input and display components, styled with CSS for a responsive and
user-friendly interface. I integrated Socket.IO to enable real-time message updates between users. On
the backend, I developed Node.js/Express APIs to handle message sending and retrieval, storing chat
history in MongoDB. I tested the chat system with multiple browser instances to simulate real-time
communication and used Postman for API testing. Challenges included handling message delivery
failures and optimizing Socket.IO performance, resolved through retry logic and connection
management. Code was committed to Git with a message like "Implemented real-time chat with
Socket.IO." I noted the need for message encryption in future updates. • Struggled with message
delivery failures, resolved with retry logic. • Faced performance issues with Socket.IO, optimized
connection handling. • Plan to implement message encryption for enhanced security.

Learning Outcomes:
• Gained experience in building real-time applications with Socket.IO.
• Learned to design responsive chat UIs with React and CSS
• Improved backend API development and MongoDB integration skills
• Aim to enhance chat security with encryption.

38
The code snippet from api-server.js shows server-side logic:
• Session Handling: Retrieves session data and user ID/access token payload.
• API Endpoint: /songs verifies sessions and fetches song data via Axios from a custom URL.
• Error Handling: Implements an error handler returning a 500 status for internal errors.
• Server Startup: Listens on a port and logs the status. This code supports a music player app’s
backend, integrating session management and API calls.

39
 ACTIVITY LOG FOR WEEK-10

Brief
Day Date description of Learning Person In-
the daily Outcome Charge
activity Signature

API Connected React

Day-51 03-03-25 Integration frontend with
Express backend

Day-52 04-03-25 Data fetching and

Axios Setup error handling

Auth State Using localStorage

Day-53 05-03-25 Manageme and context
nt

Displaying Dynamic data

Day-54 06-03-25 Requests rendering

Feedback Fetching user

Day-56 07-03-25 Display feedback

Debugging Fixed integration

Day-57 08-03-25 issues

40
 WEEKLY REPORT

WEEK – 10
(From Date: 03-02-25 to Date: 08-02-25)

Objective
• Build a file upload system for images using React and Node.js
• file validation and resizing with Sharp.
• Develop a backend API to handle file uploads.
• Store files in MongoDB GridFS.

Detailed Report:
During Week 10, I developed a file upload system for images. I created a React-based file upload
form with drag-and-drop support, styled with CSS for a polished look. I implemented client-side
validation to restrict file types and sizes, using the Sharp library on the backend to resize images
for optimization. I built Node.js/Express APIs to handle file uploads, storing images in MongoDB
GridFS for efficient file management. I tested the system with various file sizes and types,
debugging issues like upload failures due to size limits. Code was committed to Git with a
message like "Implemented image upload system with GridFS." Challenges included handling
large file uploads and optimizing storage, resolved through chunked uploads and compression. I
noted the need for better file preview features. • Struggled with large file uploads, resolved with
chunked uploads. • Faced storage optimization issues, fixed with image compression. • Plan to
add file preview and multi-file upload support.

Learning Outcomes:
• Learned to build file upload systems with React and Node.js
. • Gained experience with Sharp for image processing and MongoDB GridFS.
• Improved file handling and API development skills.
• Aim to enhance file preview and multi-file upload functionality.

41
This interface displays a posts table with columns:
• Id, Title, Published at, Nb comments, Com., Views: Lists posts (e.g., Id 13 with 222 views, Id 9
with 143 views).
• Features: Search, filter, create, edit, and show options.
• Content: Includes placeholder Latin text for post details. This UI supports content management,
likely backed by a database like MongoDB.

42
 ACTIVITY LOG FOR WEEK-11

Brief
description of Person In-
Learning
Day Date the daily Charge
Outcome
activity Signature

Admin Admin-specific
10-03-25
Day-58 Login & features
Controls

View/Edit/ Admin CRUD

Day-59 11-03-25 Delete operations
Requests

Day-60 12-03-25 Dashboard Added visual stats

Analytics

Day-61 13-03-25 Improved Enhanced forms

UI/UX and pages

Day-62 14-03-25 Validation Form validation

& Alerts and toast alerts

Day-63 15-03-25 Code Peer reviews and

Review changes

43
 WEEKLY REPORT

WEEK – 11
(From Date: 10-03-25 to Date: 15-03-25)

Objective
• Develop a search functionality with React and Elasticsearch.
• Design a search UI with autocomplete features.
• Create a backend API to query Elasticsearch.
• Integrate with existing MongoDB data.

Detailed Report:
In Week 11, I focused on implementing a search functionality. I designed a React-based search
UI with an autocomplete input field, styled with CSS for responsiveness. I integrated
Elasticsearch to index and query data, building Node.js/Express APIs to handle search requests. I
synced MongoDB data with Elasticsearch to enable efficient searching across the application’s
dataset. I tested the search functionality with various queries, ensuring accurate and fast results.
Challenges included syncing MongoDB with Elasticsearch and optimizing search performance,
resolved through indexing strategies and query tuning. Code was committed to Git with a
message like "Implemented search with Elasticsearch." I identified the need for advanced search
filters in future iterations. • Struggled with MongoDB-Elasticsearch sync, resolved with indexing.
• Faced search performance issues, fixed with query optimization. • Plan to add advanced search
filters and suggestions.

Learning Outcomes:
• Gained skills in building search functionality with React and Elasticsearch.
• Learned to sync MongoDB with Elasticsearch for efficient querying.
• Improved API development and performance optimization skills.
• Aim to enhance search with filters and suggestions..

44
 This diagram highlights UI/UX improvements:
• Interactive CTA Button: Enhances user action prompts.
• Improved and Reliable UX: Ensures consistent user experience.
• Easy Navigation: Simplifies site exploration.
• Better User Engagement: Boosts interaction and retention. These elements improve the overall
user interface, applicable to front-end development.

45
 ACTIVITY LOG FOR WEEK-12

Brief Learnin
Person In-
description of g
Day Date Charge
the daily activity Outcom
Signature
e

End-to-End Manual test

17-03-25 Testing cases
Day-64
execution

Resolve
18-03-25 Error Fixes d
Day-65
reported
bugs

Hostigng Render.co
Day-66 19-03-25 Backed
m
deployment

Fronted
Day-67 20-03-25 Deployed
Hostigg
React app

46
 WEEKLY REPORT

WEEK – 12
(From Date: 17-03-25 to Date: 20-03-25)

Objective
• Implement a notification system using React and Node.js.
• Design a notification UI with real-time updates.
• Develop a backend API to manage notifications.
• Store notifications in MongoDB.

Detailed Report:
I worked on a notification system. I designed a React-based notification UI with a dropdown for
recent alerts, styled with CSS for a seamless user experience. I used Socket.IO for real-time
notification updates, integrating it with Node.js/Express APIs to create and retrieve notifications.
Notifications were stored in MongoDB with timestamps and read/unread status. I tested the
system with multiple notification types and verified real-time delivery. Challenges included
managing notification overflow and ensuring delivery reliability, resolved through pagination and
retry mechanisms. Code was committed to Git with a message like
"Implemented notification system with real-time updates." I noted the need for user-configurable
notification settings. • Struggled with notification overflow, resolved with pagination.
• Faced delivery reliability issues, fixed with retry logic.
• Plan to add user-configurable notification preferences.

Learning Outcome
• Developed skills in building real-time notification systems with React and Socket.IO.
• Learned to manage notification data with MongoDB.
• Improved API development and real-time system design skills.
• Aim to enhance notification customization.

47
• Back End Developer: Focuses on software, websites, and systems; skills include programming
languages, databases, servers, APIs.
• Front End Developer: Creates design and user experience; skills include coding languages and
UX.
• Full Stack Developer: Combines front and back end, handling all aspects from concept to product;
skills include programming, databases, servers, APIs, and UX. This reflects the comprehensive skill
set required in the MERN stack context.

48
 CHAPTER 4: OUTCOMES DESCRIPTION

A productive work environment at Vertebrate IT & business services Pvt Ltd during your internship.
Here's a summary of the key aspects you mentioned:
• Individual Interactions: The interactions between employees were respectful, amiable, and
professional. The staff members were helpful and supportive, and open dialogue was encouraged
by the friendly management.

• Facilities Available: Vertebrate IT & business services Pvt Ltd provided excellent facilities,
including a fully furnished workplace with contemporary technology, high-speed internet, and
necessary software tools. The well-organized and tidy environment contributed to a productive
work atmosphere.

• Positive Interpersonal Interactions: There was a culture of cooperation and support among team
members, fostering pleasant relationships. The staff members were helpful, kind, and willing to
lend a hand. The company promoted team-building exercises and socialization to build effective
working relationships.

• Defined Job Roles, Protocols, Procedures, and Processes: The company provided clarity in job
responsibilities and had well-defined protocols, procedures, and processes in place. This ensured
that everyone understood their roles and responsibilities, contributing to a smooth workflow.

• Discipline and Time Management: The work environment at Vertebrate IT & business services
Pvt Ltd promoted discipline and time management. This would have helped in maintaining
productivity and meeting deadlines effectively.

• Motivation and Teamwork: The company encouraged motivation and teamwork, creating a
supportive and collaborative atmosphere. This would have fostered a sense of unity and encouraged
the exchange of ideas among team members.

• Space and Ventilation: The workplace was well-maintained, tidy, and organized. It provided a
comfortable and spacious environment for work, and the availability of proper ventilation would
have contributed to the overall well-being of employees.
Overall, the experience at Vertebrate IT & business services Pvt Ltd was positive, and you appreciated
49
the supportive atmosphere that facilitated learning and development. The combination of respectful
interactions, excellent facilities, defined job roles, protocols, and procedures, along with motivation,
teamwork, and a well-maintained work environment made it a great place to work during your
internship.

Describe the real time technical skills you have acquired (in terms of the job-related skills and
hands on experience)
• Proficiency in Python Programming: I gained a solid foundation in Python programming
language, learning its syntax, data structures, and various libraries and frameworks. This included
working with popular Python frameworks such as Django, allowing me to build robust web
applications and implement server-side functionalities.
• Front-end Development: I obtained hands-on experience in front-end development using HTML,
CSS, and JavaScript. I learned to create visually appealing and responsive user interfaces,
implement interactive elements, and optimize web content for different devices and browsers.
• Back-end Development: I obtained introductory knowledge of PHP, which is a back-end
programming language widely used for web development. I learned how to handle server-side
operations, interact with databases, and build dynamic web applications.
• Testing and Debugging: I gained experience in testing and debugging web applications. I learned
how to identify and fix bugs in the codebase using tools like debuggers and logging techniques.
This helped me ensure the quality and functionality of the applications I developed.
• Version Control: I learned to use Git, a popular version control system, to manage and track
changes in the codebase. I gained hands-on experience with Git commands, branching, merging,
and collaborating with other developers using platforms like GitHub.
• Database Integration: I acquired knowledge of integrating databases into web applications. I
worked with relational databases such as MySQL, learning how to design and implement database
schemas, perform CRUD (Create, Read, Update, Delete) operations, and optimize database queries
for efficiency.
• Problem-solving and Troubleshooting: Through practical projects and assignments, I developed
problem-solving skills and the ability to troubleshoot issues that arise during web development. I
learned to analyze errors, research solutions, and implement effective fixes.
Overall, my internship at Vertebrate IT & business services Pvt Ltd provided me with invaluable hands-
on experience and job-related technical skills in Full Stack Web Development. I am confident in my
ability to apply these skills in real-world scenarios and contribute effectively to future web development
1
50
Describe the managerial skills you have acquired (in terms of planning, leadership, team work,
workmanship, productive use of time, weekly improvement in competencies, goal setting, decision
making, performance analysis, etc.

During my internship at Vertebrate IT & business services Pvt Ltd, I had the opportunity to develop
and refine various managerial skills that are essential for effective leadership, teamwork, and
professional growth. Here are some of the key managerial skills I acquired:

• Planning: I learned how to plan and organize tasks effectively. This involved breaking down
projects into smaller, manageable tasks, setting timelines, and allocating resources efficiently. I
gained experience in creating project plans, setting milestones, and monitoring progress to ensure
timely completion of deliverables.

• Leadership: I had the chance to work on team projects where I learned to take on leadership roles.
I developed skills in guiding and motivating team members, fostering a collaborative environment,
and facilitating effective communication. I learned to delegate tasks, provide clear instructions, and
offer support to team members to maximize their potential.

• Teamwork: Collaboration and teamwork were emphasized throughout the internship. I worked
closely with other interns and employees, learning to contribute ideas, actively listen, and respect
diverse perspectives. I gained insights into the importance of effective communication, cooperation,
and conflict resolution in achieving common goals.

• Professional Behavior: I understood the significance of professional behavior in the workplace. I

conducted myself with professionalism, integrity, and respect for colleagues and clients. I learned
to communicate effectively, maintain confidentiality, and adhere to ethical standards. I also valued
punctuality, accountability, and taking ownership of my work.

• Workmanship and Quality: I developed a strong focus on workmanship and delivering quality
results. I learned to pay attention to detail, strive for excellence, and ensure that my work met the
required standards. I understood the importance of thorough testing, reviewing, and refining work
to ensure high-quality outcomes.

• Time Management: Time management was crucial to meet deadlines and optimize productivity. I
51
 learned to prioritize tasks, manage competing demands, and create realistic schedules. I utilized
tools and techniques to effectively manage my time, such as setting deadlines, creating to-do lists,
and utilizing productivity tools.

• Continuous Improvement: Throughout the internship, I embraced a mindset of continuous

improvement. I actively sought feedback, identified areas for growth, and took initiatives to
enhance my skills and knowledge. I participated in training sessions, workshops, and self-learning
opportunities to stay updated with the latest industry trends and advancements.

• Goal Setting and Decision Making: I developed skills in setting SMART (Specific, Measurable,
Achievable, Relevant, Time-bound) goals and aligning them with project objectives. I learned to
analyze situations, gather relevant information, and make informed decisions. I considered various
perspectives, evaluated potential outcomes, and chose the most appropriate course of action.

• Performance Analysis: I gained experience in evaluating project outcomes and individual

performance objectively. I learned to analyze data, identify areas of improvement, and provide
constructive feedback. I developed skills in performance analysis, identifying strengths and
weaknesses, and implementing strategies for growth.

• These managerial skills have equipped me with the necessary capabilities to excel in future
leadership roles and contribute effectively to team success. I am confident in my ability to plan,
lead, collaborate, make sound decisions, and continuously improve both personally and
professionally

During my internship at Vertebrate IT & business services Pvt Ltd, I actively worked on improving
my communication skills in various areas. Here are some specific steps I took to enhance different
aspects of my communication:

Oral Communication:
• Actively participated in team discussions and meetings, sharing my thoughts and ideas clearly and
concisely.
• Practiced active listening, paying attention to others' perspectives and asking relevant questions to
gain a deeper understanding.
52
• Worked on my conversational skills by engaging in discussions with colleagues and seeking
opportunities to express my thoughts effectively.

Written Communication:
• Paid close attention to the clarity and organization of my written communication, ensuring that I
conveyed information accurately and concisely.
• Proofread my written work to eliminate errors in grammar, punctuation, and spelling.
• Explored resources and guidelines on effective business writing to improve the overall quality of
my written communication.

Confidence Levels and Anxiety Management:

• Actively sought opportunities to engage in public speaking, such as presenting in team meetings or
delivering small presentations.
• Practiced techniques to manage anxiety, including deep breathing exercises, visualization, and
positive self-talk.
• Gradually challenged myself to take on more speaking opportunities, which helped boost my
confidence over time.

Understanding Others and Being Understood:

• Practiced active listening by giving my full attention to others, maintaining eye contact, and
acknowledging their points.
• Asked clarifying questions when needed to ensure a clear understanding of others' perspectives.
• Focused on expressing my thoughts in a clear and organized manner, using appropriate examples
and explanations to improve clarity.

Extempore Speech and Articulating Key Points:

• Engaged in impromptu speaking exercises, both formally and informally, to improve my ability to
speak on the spot.
• Worked on structuring my thoughts in a logical manner, ensuring that I articulated key points
effectively and in a cohesive manner.
Closing Conversations and Maintaining Niceties and Protocols:
• Became conscious of the importance of appropriate greetings and farewells in professional settings,
ensuring that I greeted others with respect and thanked them for their time.
• Expressed appreciation for colleagues' contributions and efforts, recognizing and acknowledging

53
 their input during discussions or collaborations.

By actively focusing on these areas and consistently practicing these skills during my internship, I was
able to make significant improvements in my oral and written communication, conversational abilities,
confidence levels, anxiety management, understanding others, being understood by others, extempore
speech, articulating key points, closing conversations, and maintaining niceties and protocols. I
continue to strive for continuous improvement in these areas to further enhance my overall
communication skills.

Describe how you could enhance your abilities in group discussions, participation
in teams, contribution as a team member, leading a team/activity.
To enhance my abilities in group discussions, participation in teams, and leading team activities, I
would focus on developing the following skills:

• Active Listening and Empathy: I would actively listen to others, demonstrating genuine interest
in their perspectives and experiences. I would strive to understand their viewpoints and show
empathy towards their ideas and concerns.

• Clear and Concise Communication: I would work on improving my communication skills to

express my thoughts and ideas clearly and concisely. This includes organizing my thoughts, using
appropriate language, and delivering my message effectively to ensure understanding.

• Constructive Collaboration: I would actively seek opportunities to collaborate with team

members, contributing my skills and knowledge towards the team's goals. I would encourage open
dialogue, respect diverse opinions, and promote a collaborative environment where everyone feels
valued and heard.

• Proactive Engagement: I would take initiative in team discussions and activities, actively
participating and offering assistance when needed. I would be proactive in identifying tasks or areas
where I can contribute and take on additional responsibilities to support the team's objectives.

• Flexibility and Adaptability: I would cultivate a mindset of flexibility and adaptability, embracing
changes and different perspectives. I would be open to new ideas and approaches, and willing to
adjust my strategies or opinions based on the evolving needs of the team and the project.

54
• Leadership Skills: I would actively work on developing my leadership skills by taking the
initiative in leading team activities or projects. This includes setting clear goals, delegating tasks
effectively, providing guidance and support to team members, and fostering a positive and
motivating team environment.

• Relationship Building and Conflict Resolution: I would prioritize building strong relationships
based on trust, respect, and effective communication. I would actively address conflicts or
disagreements that may arise within the team, seeking resolution through open dialogue, active
listening, and finding common ground.

• Continuous Learning: I would actively pursue opportunities for personal and professional growth,
such as attending relevant workshops, training programs, or industry conferences. I would stay
updated on the latest industry trends and best practices, continuously expanding my knowledge and
skills.

• Recognizing Success: I would celebrate milestones and successes, both big and small, within the
team. By acknowledging and appreciating individual and team achievements, I would foster a
culture of recognition and motivation.

By actively practicing these skills and continuously seeking improvement, I believe I can enhance my
abilities in group discussions, team participation, and leadership, contributing .

Describe the technological developments you have observed and relevant to the subject area of
training (focus on digital technologies relevant to your job role)

During my internship at Vertebrate IT & business services Pvt Ltd, I observed and learned about various
technological developments that are relevant to the field of full stack web development. Some of these
developments include:

Progressive Web Applications (PWAs): PWAs are web applications that provide a user experience
similar to native mobile apps. They leverage modern web capabilities to deliver fast, engaging, and
reliable experiences to users. PWAs can be installed on a user's device and accessed offline, making
them a powerful and user-friendly technology.

55
JavaScript Frameworks and Libraries: JavaScript frameworks and libraries such as React, Angular, and
Vue.js have gained popularity in web development. These frameworks provide efficient and modular
approaches to building dynamic and interactive user interfaces, allowing developers to create
responsive and feature-rich web applications.

Serverless Architecture: Serverless architecture has revolutionized web development by abstracting

away the need for managing servers and infrastructure. Services like AWS Lambda and Azure
Functions enable developers to write code in functions that are triggered by specific events, leading to
efficient and scalable applications.

Artificial Intelligence and Machine Learning: AI and ML technologies are increasingly being integrated
into web applications to enhance user experiences and automate complex tasks. AI/ML libraries and
frameworks like TensorFlow and scikit-learn enable developers to implement machine learning
algorithms and build intelligent applications.

Containerization and Orchestration: Technologies like Docker have gained prominence for their ability
to package applications and their dependencies into portable and isolated units called containers.
Container orchestration tools like Kubernetes allow for the management and scaling of containers,
making deployment and scaling more efficient.

DevOps and CI/CD: DevOps practices and Continuous Integration/Continuous Deployment (CI/CD)
pipelines have become essential in modern software development. These practices emphasize
collaboration, automation, and continuous delivery, enabling teams to develop, test, and deploy
applications more efficiently and reliably.

Cloud Computing Platforms: Cloud computing platforms like AWS, Azure, and GCP offer scalable
and cost-effective infrastructure for web applications. These platforms provide a wide range of services
and resources, such as virtual machines, databases, and content delivery networks, enabling developers
to build and deploy applications with high scalability and availability.

By staying updated with these technological developments and gaining hands-on experience with
relevant tools and technologies, I acquired the skills necessary to build modern, scalable, and user-
centric web applications.

56
 Daily Activity GPS Photos

week-1, Date:01-01-2025 week-2, Date:08-01-2025

week-3, Date:22 -01-2025 week-4, Date:27-01-2025

57
week-5, Date:03-02-2025 week-6, Date:11-02-2025

week-7, Date:18-02-2025 week-8, Date:24-02-2025

week-9, Date:04-03-2025 week-10, Date:17-03-2025

58
Week-11, Date:17-03-2025 Week-12, Date:20-03-2025

59
Offline-Internship Completion Certificate,

60
Online-Internship Completion Certificate

61