Dr.

AMBEDKAR INSTITUTE OF TECHNOLOGY

(An Autonomous Institute, affiliated to VTU, Near Jnana Bharathi Campus,
Bengaluru-56)

Internship Report[21CSI802]
On

“Title of Project Worked Upon”

Submitted in partial fulfillment of the requirement for the award of the Degree of

BACHELOR OF ENGINEERING
IN
COMPUTER SCIENCE AND ENGINEERING
Submitted by

STUDENT NAME
USN

Under the Guidance

Guide name
Designation., Dept. of CSE,
Dr.AIT, Bengaluru – 56.

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

2024-2025
 Dr. AMBEDKAR INSTITUTE OF TECHNOLOGY
[An Autonomous Institution, Affiliated to VTU, Belgaum and Aided by Government of Karnataka]
Near Jnana Bharathi Campus, Mallatahalli, Bangalore-560 056

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

CERTIFICATE

This is to certify that the internship work, entitled “title” is a bonafide work carried out by Student
name[USN] in the partial fulfillment for the award of Degree in Bachelor of Engineering in Computer
Science & Engineering of Visvesvaraya Technological University, Belgaum during the year 2023-24. It is
certified that all corrections/suggestions indicated for the internal assessment have been incorporated in
the report deposited in the departmental library. This internship report has been approved as it satisfies
the academic requirements in the respect of the Project prescribed for the Bachelor of Engineering
Degree.

Signature of Mentor Signature of H.O.D Signature of Principal

GUIDE NAME Dr. Nandini N Dr. M.N.Thippeswamy

H.O.D Principal
DESIGNATION
Dept. of CSE Dr. AIT
Dept. of CSE
Dr. AIT Dr. AIT

NAME OF EXAMINERS
SIGNATURE WITH DATE
1.

2.
 Dr. AMBEDKAR INSTITUTE OF TECHNOLOGY
[An Autonomous Institution, Affiliated to VTU, Belgaum and Aided by Government of Karnataka]
Near Jnana Bharathi Campus, Mallatahalli, Bangalore-560 056

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

DECLARATION
I hereby declare that the Internship Report entitled “[Title of the Internship Report]”
submitted in partial fulfillment of the requirements for the award of the degree of Bachelor
of Engineering in Computer Science is a record of original work done by me during the
period of my internship at [Name of the Company/Organization], under the guidance of
[EXTERNAL & INTERNAL Guide NAME, ].

This report has not been submitted by me for the award of any other degree, diploma, or title
from any other University or Institution.

Place:

Date:

Signature of the Student

[Your Full Name]
[Your Roll Number / USN]
[Department Name]
[College/University Name]
 ACKNOWLEDGEMENT

The sense of contention and elation that accompanies the success of this internship and the report is
incomplete without mentioning the names of people who have helped me in accomplishing them,
people whose constant guidance, support and encouragement resulted in its realization.

We would like to express a deep sense of gratitude to all the people who encouraged us to take this
project.

We would like to thank our college Dr. Ambedkar Institute of Technology for providing a
congenial environment to work in.

We would like to express our gratitude to Dr. M.N.Thippeswamy, our Principal, Dr. AIT, Bengaluru,
for providing a healthy environment in the college, which helped in concentrating on the task.

Further we would like to express our kind gratitude towards Dr. Nandini N and the whole
information science department for providing us a congenial environment for the successful
completion of the project.

We consider our cardinal duty to express our gratitude and respect towards our – GUIDE, for the
valuable guidance extended to us at every stage and in every possible way.

I also express our gratitude and sincere thanks to all the teaching and non-teaching staff of Computer
Science & Engineering Department.
Finally, we express our indebtedness to all who have directly or indirectly contributed to the
successful completion of this project.
NAME OF STUDENT
USN
 ABSTRACT

This internship report chronicles my transformative journey as a Full Stack Developer Intern at
Elysian Corptech from October 2023 to January 2024. During this immersive experience, I
actively participated in the development process, solidifying my foundation in the versatile
MERN stack (MongoDB, Express.js, React.js, Node.js). By wielding these technologies, I
contributed to building robust front-end user interfaces and efficient back-end functionalities.
Additionally, I honed my proficiency in Git for streamlined version control and effectively
integrated the Google Maps API to unlock location-based features, enriching user experiences.

This report delves into key projects where I played an instrumental role. It details the project
goals, the specific technologies employed (front-end, back-end, and database), and my unique
contributions, showcasing my ability to apply theoretical knowledge to practical scenarios.
Beyond technical prowess, the internship fostered the development of crucial soft skills like
communication, teamwork, and time management. I will provide specific examples of how I
effectively utilized these skills while collaborating with my team and navigating project
deadlines.
 TABLE OF CONTENT

CHAPTER NO. TITLE PAGE NO.

1 INTRODUCTION 01
1.1 Responsibilities 01

2 COMPANY PROFILE 02
2.1 Products and Services 03
2.2 Internship Details 03

3 TASK PERFORMED 04

4 TOOLS AND 05-08

TECHNOLOGIES

5 FINAL PROJECT 09-11

OVERVIEW

CONCLUSION 12

CERTIFICATE 13
 Designation At Company-Company Name

CHAPTER 1
INTRODUCTION

My journey into the world of full-stack development took a significant leap forward
during my internship at Elysian Corptech, spanning from October 2023 to January 2024.
This immersive experience provided a launchpad for solidifying my foundational
knowledge and practical skills in this dynamic field. Throughout this period, I actively
participated in various projects, collaborating with a talented team and tackling real-world
development challenges. This report chronicles the key takeaways from this enriching
internship, showcasing the technical and soft skills honed during my time at Elysian
Corptech.

The internship wasn't merely about acquiring technical prowess. It fostered a deeper
understanding of the full-stack development lifecycle, from crafting user-centric
interfaces to building robust back-end functionalities and efficient data management
strategies. This exposure to the intricate dance between front-end and back-end
development equipped me with a holistic perspective on web application creation.
Furthermore, the collaborative environment fostered the development of crucial soft skills
such as communication, teamwork, and time management, all of which are essential for
success in the software development industry.

1.1 Responsibilities
Full-Stack Development Lifecycle: Collaborated with the development team to
participate in the entire software development lifecycle, encompassing:

Front-End Development: Translating UI/UX designs from Figma into interactive user
interfaces using appropriate front-end technologies.

Back-End Development: Designing and implementing robust back-end functionalities to

support the application's logic and data processing needs.

Data Management: Developing efficient data management strategies, including

designing a back-end system capable of storing and managing a complex data type of
locations.
Dr. AIT, Dept of CSE 2024-2025 1|Page
 Designation At Company-Company Name

Dr. AIT, Dept of CSE 2024-2025 2|Page

 Designation At Company-Company Name

Interactive UI Development: Utilized front-end development skills to create user-

friendly and interactive user interfaces based on Figma design mockups.
Location-Based Functionality Integration: Integrated the Google Maps API and
Google Cloud to design a UI component that interacts with and displays locations stored
in the back-end. Additionally, explored libraries like BatchGeocoding to enhance
location management capabilities.
Collaboration: Worked closely with other developers, fostering effective
communication, teamwork, and time management to navigate complex challenges and
ensure project deadlines were met.

Dr. AIT, Dept of CSE 2024-2025 3|Page

 Designation At Company-Company Name

CHAPTER 2
COMPANY PROFILE

Elysian Corptech: Accelerating Manufacturing with Digital Transformation. Bridging the

gap between tradition and technology, we empower manufacturers to embrace Industry
4.0. Established in [Year], our passion for innovation and collaboration fuels our growth
as a leading name in digital transformation for manufacturing. We cater to a diverse range
of industries, from automotive and aerospace to healthcare and consumer goods.

Our comprehensive suite of services guides your digital journey: Develop a watertight
strategy and roadmap, seamlessly integrate Industry 4.0 technologies (AI, IoT, Cloud),
secure your smart factories, and upskill your workforce. Elysian Corptech prioritizes
results. Our industry experts leverage proven methodologies to deliver custom solutions
that optimize production efficiency, minimize costs, and ensure a smooth transformation.
We utilize cutting-edge technologies like AI, Machine Learning, and IIoT to create
intelligent manufacturing ecosystems.

Scalable solutions empower businesses of all sizes, from established manufacturers to

those starting their digital journey. With a global network of experts, Elysian Corptech is
your one-stop partner for digital transformation, regardless of location.

Embrace sustainability with Elysian Corptech. We prioritize environmentally conscious

solutions, helping manufacturers optimize resource utilization and minimize their
environmental footprint. Partner with us to unlock the power of digital transformation and
transform your manufacturing operations. Contact Elysian Corptech today for a free
consultation.

Dr. AIT, Dept of CSE 2024-2025 4|Page

 Designation At Company-Company Name

2.1 Products and Services provided by Elyasian:

Elysian Corptech empowers manufacturers to bridge the gap between traditional methods
and Industry 4.0 technologies. Here's a breakdown of their products and services:

Services:

 Digital Transformation Strategy & Roadmap Development: They help

manufacturers define their digital vision, assess current capabilities, and create
a step-by-step plan for achieving their goals.
 Implementation & Integration of Industry 4.0 Technologies: Their team
integrates cutting-edge technologies like Artificial Intelligence (AI), Machine
Learning (ML), and the Industrial Internet of Things (IoT) to create intelligent
manufacturing ecosystems.
 Cybersecurity Solutions for Smart Factories: With increased digitalization
comes the need for robust cybersecurity. Elysian Corptech offers solutions to
protect your smart factories from data breaches and cyberattacks.
 Talent Management & Upskilling Programs: They understand the importance
of a skilled workforce in the digital age. Elysian Corptech provides programs to
help manufacturers upskill their employees and prepare them for the demands of
digital transformation.

Dr. AIT, Dept of CSE 2024-2025 5|Page

 Designation At Company-Company Name

2.2 Internship Details

Company Name Elysian corptech
Company Logo

Role Fullstack develeoper Intern

Product Name Growmax Bi
Duration 12 weeks

Dr. AIT, Dept of CSE 2024-2025 6|Page

 Designation At Company-Company Name

CHAPTER 3
TASK PERFORMED
The tasks I performed as an intern were as follows:

1. Collaboration:
 Worked effectively as part of a development team, contributing to project
planning and execution.
 Engaged in regular communication with team members to coordinate tasks
and share progress updates.
 Participated in code reviews and provided constructive feedback to
improve code quality and maintainability.

2. Backend Design and Implementation:

 Designed and developed a robust backend system capable of storing and
managing complex location data.
 Implemented database schemas and optimized queries for efficient data
retrieval and manipulation.
 Ensured data security and integrity through appropriate authentication and
authorization mechanisms.

3. UI/UX Design Implementation:

 Translated UX designs from Figma into interactive UI components using
HTML, CSS, and JavaScript.
 Created visually appealing and intuitive user interfaces to enhance the
overall user experience.
 Implemented responsive design principles to ensure compatibility across
different devices and screen sizes.

Dr. AIT, Dept of CSE 2024-2025 7|Page

 Designation At Company-Company Name

4. Google Maps Integration:

 Integrated Google Maps API into the frontend to display location
points stored in the backend.
 Implemented features such as marker placement, custom styling,
and dynamic updates based on user interactions.
 Leveraged Google Cloud services for additional functionality and
scalability as needed.

5. Geocoding and Libraries:

 Utilized libraries like BatchGeo for geocoding to convert addresses
into geographic coordinates.
 Implemented geospatial queries to perform proximity searches and
spatial analysis on location data.
 Optimized geocoding processes for performance and reliability,
considering factors such as rate limits and error handling.

6. Additional Contributions:
 Assisted with troubleshooting and debugging issues across
different layers of the application stack.
 Participated in sprint planning and retrospective meetings to reflect
on past iterations and plan future work.
 Actively sought opportunities for learning and growth,
experimenting with new technologies and methodologies to
improve skills and productivity.

This breakdown highlights the specific tasks and responsibilities you undertook during
your internship, showcasing your proficiency in various areas of software development
and collaboration.

Dr. AIT, Dept of CSE 2024-2025 8|Page

 Designation At Company-Company Name

CHAPTER 4
TOOLS AND TECHNOLOGIES

React: React is a JavaScript library for building user interfaces, known for
its component-based architecture and efficient rendering. It allows
developers to create reusable UI components and manage application state
effectively. In your project, React served as the frontend framework,
providing a structured approach to building interactive user interfaces. By
breaking down the UI into reusable components, React facilitated code
reusability, maintainability, and scalability, resulting in a more efficient
development process and a better user experience.

MUI (Material-UI): MUI is a React UI framework based on Google's

Material Design principles. It offers a rich set of prebuilt components and
themes for creating modern and visually appealing web applications. In
your project, MUI was utilized to convert Figma designs into functional UI
components seamlessly. By leveraging MUI's component library and
theming capabilities, you were able to maintain design consistency and
implement responsive layouts effectively. This contributed to a polished
and cohesive user interface, enhancing the overall user experience.

CSS (Cascading Style Sheets): CSS is a style sheet language used for
describing the presentation of a document written in HTML or XML. It
enables developers to customize the appearance of web pages, including
layout, colors, fonts, and animations. In your project, CSS was employed
for styling the UI components, ensuring visual consistency and aesthetic
appeal across different screens and devices. By applying CSS rules
efficiently, you

Dr. AIT, Dept of CSE 2024-2025 9|Page

 Designation At Company-Company Name

Dr. AIT, Dept of CSE 2024-2025 10 | P a g e

 Designation At Company-Company Name

were able to create visually engaging interfaces that aligned with the design
specifications, resulting in an intuitive and user-friendly application.

Google Maps API: Google Maps API is a set of APIs developed by

Google for integrating maps and location-based services into web and
mobile applications. It provides various features, such as geocoding,
mapping, and routing, to enable developers to build location-aware
applications. In your project, Google Maps API was used to implement
geolocation functionality, allowing users to locate stores, delivery partners,
and markets dynamically based on their location. By leveraging the power
of Google Maps, you were able to enhance the user experience by
providing accurate and interactive location-based services, improving
engagement and satisfaction.

csv2json: csv2json is a tool for converting CSV (Comma-Separated

Values) files to JSON (JavaScript Object Notation) format. It simplifies the
process of importing CSV data into databases or other applications by
converting it into a more structured format. In your project, csv2json was
used for importing CSV data into the database, enabling seamless data
management between Excel files and the database. This streamlined the
process of handling large datasets and ensured data integrity, facilitating
efficient data- driven decision-making and enhancing overall productivity.

export-to-csv: export-to-csv is a tool for exporting data from databases to

CSV format. It complements csv2json by providing the capability to export
data from databases, enabling seamless data exchange between the
application and external systems. In your project, export-to-csv was utilized
to export data from the database, facilitating data sharing and integration
with external tools or services. This enhanced interoperability and

Dr. AIT, Dept of CSE 2024-2025 11 | P a g e

 Designation At Company-Company Name

allowed for

Dr. AIT, Dept of CSE 2024-2025 12 | P a g e

 Designation At Company-Company Name

seamless collaboration between different systems, contributing to the

overall efficiency and effectiveness of the application.

Figma: Figma is a web-based design tool used for creating UI/UX designs
collaboratively. It enables designers to create and share designs, prototypes,
and design systems in real-time with other team members. In your project,
Figma played a crucial role in the design phase, providing a visual
representation of the application's layout and components. By creating
designs in Figma, you were able to establish a common design language,
streamline communication between design and development teams, and
iterate on design concepts efficiently. This facilitated the creation of a
cohesive and visually appealing user interface that met the project
requirements and user expectations.

Framer Motion: Framer Motion is a React animation library that offers

capabilities for creating smooth transitions, gestures, and animations. It
provides developers with the tools to enhance the user experience by
adding interactive and visually appealing animations to their applications.
In your project, Framer Motion was used to incorporate dynamic
animations into the UI, adding a layer of interactivity and engagement. By
leveraging Framer Motion's animation features, you were able to create
fluid and intuitive user interactions, making the application more enjoyable
and immersive for users. This contributed to a more polished and
professional user interface, enhancing the overall quality and appeal of the
application.

Dr. AIT, Dept of CSE 2024-2025 13 | P a g e

 Designation At Company-Company Name

Dr. AIT, Dept of CSE 2024-2025 14 | P a g e

 Designation At Company-Company Name

React Router DOM: React Router DOM is a library that allows for
declarative routing in React applications. It enables developers to define
navigation paths and render different components based on the URL. In
your project, React Router DOM was used for client-side routing, allowing
users to navigate between different views or pages of the application
seamlessly. By managing routing in the frontend, you were able to create a
single-page application experience that felt fast and responsive, enhancing
user engagement and usability.

Axios: Axios is a promise-based HTTP client for making AJAX requests in

JavaScript environments. It provides a simple and intuitive API for
performing asynchronous HTTP requests to interact with backend services
or fetch data from external APIs. In your project, Axios was used for API
integration, enabling communication between the frontend and backend
layers of the application. By making HTTP requests with Axios, you were
able to fetch data from external sources, update application state
dynamically, and handle asynchronous operations efficiently. This
facilitated seamless data exchange between the client and server, enabling
the application to deliver real-time updates and provide a responsive user
experience.

Node.js: Node.js is a JavaScript runtime environment that allows

developers to run JavaScript code outside of a web browser. It provides a
powerful platform for building scalable and high-performance server-side
applications using JavaScript. In your project, Node.js served as the
backend runtime environment, enabling you to write server-side logic and
handle incoming requests from the client-side application. By leveraging
the event-driven, non-blocking I/O model of Node.js, you were able to
build a fast and efficient backend server that could handle concurrent

Dr. AIT, Dept of CSE 2024-2025 15 | P a g e

 Designation At Company-Company Name

requests and scale easily as the

Dr. AIT, Dept of CSE 2024-2025 16 | P a g e

 Designation At Company-Company Name

application grew. This facilitated the development of a robust and scalable

backend architecture that could support the needs of the application and
provide a reliable foundation for future development.

FullStack development: Full-stack development refers to the practice of

building both the frontend (client-side) and backend (server-side)
components of a web application. A full-stack developer is proficient in
working with both frontend and backend technologies, allowing them to
create a complete, functional application independently or as part of a team.
Here's a brief overview of both frontend and backend development:

Frontend Development:
Frontend development involves creating the user interface (UI) and user
experience (UX) of a web application.
Frontend developers typically work with languages such as HTML, CSS,
and JavaScript to build the visual elements and interactivity of the
application.
Frameworks and libraries like React.js, Angular, and Vue.js are commonly
used to streamline frontend development and manage complex UI
components.
Frontend developers are responsible for ensuring that the application is
responsive, accessible, and visually appealing across different devices and
browsers.

Dr. AIT, Dept of CSE 2024-2025 17 | P a g e

 Designation At Company-Company Name

Dr. AIT, Dept of CSE 2024-2025 18 | P a g e

 Designation At Company-Company Name

Backend Development:
Backend development focuses on building the server-side logic and
database interactions that power the application.
Backend developers work with languages like Node.js, Python, Ruby, Java,
or PHP to handle server-side operations.
They design and create APIs (Application Programming Interfaces) that
allow the frontend and backend to communicate with each other and
exchange data.
Database management systems such as MongoDB, MySQL, PostgreSQL,
or Firebase are used to store and retrieve application data.
Backend developers also handle tasks like authentication, authorization,
security, performance optimization, and scalability to ensure the reliability
and efficiency of the application's backend infrastructure.

Dr. AIT, Dept of CSE 2024-2025 19 | P a g e

 Designation At Company-Company Name

CHAPTER 5
FINAL PROJECT OVERVIEW
5.1 Application overview

The business intelligence application is a comprehensive solution designed to streamline

marketing operations and enhance decision-making processes. It offers real-time tracking
and analysis of marketing partner activities, providing valuable insights into market
coverage and performance. Leveraging cutting-edge technologies such as Google Maps
API and cloud services, the application enables users to assign geographic areas to
marketing partners, track their movements, and visualize shop locations dynamically. The
"Beat Route" module within the application serves as a central hub for managing
marketing initiatives, allowing users to optimize resource allocation, identify market
trends, and drive strategic decision-making. With its intuitive user interface and powerful
analytics capabilities, the application empowers businesses to stay ahead of the
competition, maximize market reach, and drive growth in a dynamic marketplace.

Dr. AIT, Dept of CSE 2024-2025 20 | P a g e

 Designation At Company-Company Name

5.2 Overview of Product "GrowMax":

GrowMax Product Suite: GrowMax is a comprehensive product suite designed to

empower businesses in the realm of marketing and sales intelligence.
Mission and Vision:

GrowMax aims to revolutionize the way businesses approach marketing operations by

providing actionable insights and streamlined solutions.
Core Values:

GrowMax is built on principles of innovation, efficiency, and customer-centricity, striving

to deliver value-driven solutions to its clients.
Industry Impact:

GrowMax has made significant strides in the marketing intelligence sector, helping
businesses of all sizes optimize their marketing strategies and drive growth.
Overview of Application:

Business Intelligence Platform:

The GrowMax application serves as a powerful business intelligence platform, offering a
range of features and functionalities tailored to the needs of marketing professionals.
Centralized Dashboard:

The application provides users with a centralized dashboard for accessing key metrics,
insights, and reports related to marketing performance.
Real-Time Tracking and Analysis:

Users can track marketing partner activities and analyze performance metrics in real-time,
enabling agile decision-making and resource optimization.
Geospatial Visualization:

Dr. AIT, Dept of CSE 2024-2025 21 | P a g e

 Designation At Company-Company Name

Leveraging technologies such as Google Maps API, the application offers geospatial
visualization of marketing data, allowing users to visualize geographic coverage and
identify market trends.
Beat Route Module:

A standout feature of the application is the "Beat Route" module, which enables users to
assign geographic areas to marketing partners, track their movements, and visualize shop
locations dynamically.
Actionable Insights:

The application generates actionable insights and recommendations based on data

analysis, empowering users to make informed decisions and drive strategic initiatives.
User-Friendly Interface:

With its intuitive user interface and user-centric design, the GrowMax application ensures
ease of use and accessibility for marketing professionals at all levels.
Scalability and Customization:

The application is designed to scale with the evolving needs of businesses and offers
customization options to adapt to specific industry requirements and workflows.
In summary, the GrowMax application stands at the forefront of marketing intelligence
solutions, offering a comprehensive suite of features designed to optimize marketing
strategies, enhance decision-making processes, and drive business growth.

Dr. AIT, Dept of CSE 2024-2025 22 | P a g e

 Designation At Company-Company Name

Dr. AIT, Dept of CSE 2024-2025 23 | P a g e

 Designation At Company-Company Name

CONCLUSION
As my internship comes to a close, I reflect with immense pride on the journey and
accomplishments achieved during this enriching experience. Over the course of the
internship, I've had the privilege of collaborating with talented developers, tackling
diverse challenges, and contributing to impactful projects that have broadened my
horizons and honed my skills in software development.

From designing and implementing a robust backend system for storing complex location
data to developing interactive UI/UX experiences based on Figma designs, every task
presented an opportunity for learning and growth. Integrating cutting-edge technologies
like Google Maps API, Google Cloud services, and geocoding libraries further enriched
my understanding of modern software development practices and expanded my technical
repertoire.

The culmination of these efforts was the creation of the "Beat Route" module, a
sophisticated solution for tracking marketing partners, assigning geographic areas, and
visualizing shop locations in real-time. This project not only showcased my technical
proficiency but also demonstrated my ability to deliver tangible solutions that address
real- world business needs.

Moreover, the internship has been a transformative journey of personal and professional
development. It has instilled in me a sense of confidence, resilience, and adaptability that
will serve as invaluable assets in my future endeavors. I am deeply grateful for the
mentorship, guidance, and support received from my colleagues and mentors, whose
wisdom and encouragement have been instrumental in shaping my growth as a developer.
As I transition from this internship to new opportunities ahead, I carry with me a wealth
of experiences, lessons learned, and memories cherished. I am excited to apply the
knowledge and skills acquired during this internship to new challenges and continue my
journey towards excellence in software development. This internship has been more
than just a

Dr. AIT, Dept of CSE 2024-2025 24 | P a g e

 Designation At Company-Company Name

stepping stone; it has been a transformative experience that has set the foundation for a
promising career ahead.

Dr. AIT, Dept of CSE 2024-2025 25 | P a g e

 Designation At Company-Company Name

CERTIFICATE

Dr. AIT, Dept of CSE 2024-2025 26 | P a g e