VISVESVARAYA TECHNOLOGICAL UNIVERSITY

“JNANA SANGAMA”, BELAGAVI - 590 018

A REPORT ON INTERNSHIP
Carried Out at

“Kakunje software”
Submitted by

Roshan Shetty P 4SF19IS085

In partial fulfillment of the requirements for the VIII semester

BACHELOR OF ENGINEERING

in

INFORMATION SCIENCE & ENGINEERING

Under the Guidance of

Internal Guide External Guide
Mrs. Harinakshi C Mrs.Aparna Gk Bhat
Assistant Professor Founder
Dept. of ISE, SCEM Kakunje software
at

SAHYADRI
College of Engineering & Management
Adyar, Mangaluru - 575 007
2022 - 23
 SAHYADRI
College of Engineering & Management
Adyar, Mangaluru - 575 007

Department of Information Science & Engineering

CERTIFICATE

This is to certify that the internship has been carried out by Roshan Shetty P (4SF19IS085),
the bonafide student of Sahyadri College of Engineering & Management at Kakunje
Software from 06/02/2023 to 31/03/2023 in partial fulfillment of the requirements
for the VIII Semester of Bachelor of Engineering in Information Science &
Engineering of Visvesvaraya Technological University, Belagavi during the year
2022 - 23. It is certified that all corrections/suggestions indicated for Internal Assess-
ment have been incorporated in the report deposited in the departmental library. The
internship report has been approved as it satisfies the academic requirements in respect
of internship prescribed for the said degree.

———————————– ———————————— ———————————

Internal Guide Internship Coordinator HOD
Mrs. Harinakshi C Mrs. Masooda Dr. Mustafa Basthikodi

External Viva:
Examiner’s Name Signature with Date

1. . . . . . . . . . . . . . . . . . . . . . .....................

2. . . . . . . . . . . . . . . . . . . . . . .....................
Place Your Internship Certificate Here!
 SAHYADRI
College of Engineering & Management
Adyar, Mangaluru - 575 007

Department of Information Science & Engineering

DECLARATION

I hereby declare that the entire work embodied in this Internship Report and the project
entitled “News Portal - A PHP Full Stack Project” as a part of internship has been
completed by me at Kakunje software under the supervision of Mrs. Harinakshi k.
and Mrs. Aparna Gk Bhat, in partial fulfillment of the requirements for the VIII
Semester of Bachelor of Engineering in Information Science & Engineering.
This report has not been submitted to this or any other University for the award of any
other degree.

Place: Mangaluru Roshan Shetty P

Date: 4SF19IS085

VIII Semester, B.E., ISE

SCEM, Mangaluru
Executive Summary

This internship report stresses about the work experience that I have gained as an Intern

in Development team at Kakunje software from 06/02/2023 until 31/03/2023. I have

included my experience of 1 month and 3 weeks of internship working on software de-

velopment using various languages and framework and understanding how IT industry

works. I had got opportunity to intern and be a part of projects built along with fellow

interns and employees.

Kakunje software thrive to empower and enhance the lives of people through pro-

found IT Innovative solutions, with the help of very effective and efficient solutions in

transforming ambitious goals into reality.

As a part of the internship, I have worked on a project entitled ”News Portal - A

PHP Full Stack Project”. This includes different frontend and backend frameworks

which were used in the developement in many phases. At last, this internship has given

me new insights and motivation to pursue a career in a reputed IT company. The main

objective of this internship was to understand how projects are built in a company and

to understand how collaboration works.

i
Acknowledgement

It is with great satisfaction and euphoria that I am submitting a report on internship

carried out at ”Kakunje software” as a part of the curriculum of Visvesvaraya Techno-
logical University, Belagavi in partial fulfillment of the requirements for the VIII Semester
of Bachelor of Engineering in Information Science & Engineering. I have completed the
project entitled “News Portal - A PHP Full Stack Project” during the internship.

I am profoundly indebted to my internal guide, Mrs. Harinakshi k., Assistant Profes-

sor, Department of Information Science & Engineering and external guide Mrs.Aparna
Gk Bhat , Director, Kakunje software for innumerable acts of timely advice, encourage-
ment and I sincerely express my gratitude.

I also thank Mrs. Masooda , Internship Coordinator & Assistant Professor, Department
of Information Science & Engineering for their constant encouragement and support
extended throughout.

I express our sincere gratitude to Dr. Mustafa Basthikodi, Head & Associate Pro-
fessor, Department of Information Science & Engineering for his invaluable support and
guidance.

I sincerely thank Dr. Rajesha S., Principal, Sahyadri College of Engineering & Man-
agement and Dr. D. L. Prabhakara, Director, Sahyadri Educational Institutions,who
have always been a great source of inspiration.

Finally, yet importantly, I express my heartfelt thanks to my family & friends for their
wishes and encouragement throughout the work.

Roshan Shetty P (4SF19IS085)

ii
Table of Contents

Executive Summary i

Acknowledgement ii

Table of Contents iv

List of Figures v

1 Introduction 1
1.1 Company Profile . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
1.2 Vision . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.3 Mission . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.4 Policies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.4.1 Safety Policy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.4.2 HR Policy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.5 Products and Services . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.5.1 App Development . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.5.2 Web Development . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.5.3 Digital Marketing . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.5.4 Game Development . . . . . . . . . . . . . . . . . . . . . . . . . . 4
1.6 Customers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

2 Task Performed 5
2.1 First Week . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
2.1.1 Intoduction To Web Development . . . . . . . . . . . . . . . . . . 5
2.1.2 HTML Fundamentals . . . . . . . . . . . . . . . . . . . . . . . . . 6
2.2 Second Week . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2.2.1 Overview of CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2.3 Third Week . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
2.3.1 A Login Page using HTML and CSS . . . . . . . . . . . . . . . . 10

iii
 2.3.2 Started learn Bootstrap . . . . . . . . . . . . . . . . . . . . . . . 11
2.4 Fourth Week . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
2.4.1 Deeper understanding About Bootstrap . . . . . . . . . . . . . . 12
2.4.2 Creating website using Bootstrap . . . . . . . . . . . . . . . . . . 12
2.4.3 Getting Started with JavaScript . . . . . . . . . . . . . . . . . . 13
2.5 Fifth Week . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
2.5.1 In depth study of JavaScript . . . . . . . . . . . . . . . . . . . . 13
2.6 Sixth Week . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
2.6.1 Designed multi-page college Website . . . . . . . . . . . . . . . . 13
2.6.2 Exploring MySQL Workbench . . . . . . . . . . . . . . . . . . . . 14
2.7 Seventh Week . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
2.7.1 Designed clone of Spotify . . . . . . . . . . . . . . . . . . . . . . . 15
2.7.2 Exploring PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
2.8 Eight Week . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
2.8.1 Coding of News Portal - A PHP Full Stack Project . . . . . . . . 17

3 Outcomes 18
3.1 Learning Outcomes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
3.2 Project Outcomes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
3.3 Admin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
3.3.1 Admin Login . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
3.3.2 Admin Dashboard . . . . . . . . . . . . . . . . . . . . . . . . . . 20
3.3.3 Add Post . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
3.4 User Interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

4 Conclusion 23

References 24

iv
List of Figures

1.1 Logo of Kakunje software . . . . . . . . . . . . . . . . . . . . . . . . . . 1

2.1 The resultant HTML website . . . . . . . . . . . . . . . . . . . . . . . . 6

2.2 The resultant HTML website with CSS . . . . . . . . . . . . . . . . . . . 7
2.3 The resultant HTML website with CSS . . . . . . . . . . . . . . . . . . . 9
2.4 A Login Page using HTML and CSS . . . . . . . . . . . . . . . . . . . . 10
2.5 Simple Bootstarp website . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
2.6 multi-page college Website . . . . . . . . . . . . . . . . . . . . . . . . . . 14
2.7 Simple of clone of Spotify Music App . . . . . . . . . . . . . . . . . . . . 15
2.8 The home page interface of News Portal . . . . . . . . . . . . . . . . . . 17

3.1 Admin Login Interface of News Portal . . . . . . . . . . . . . . . . . . . 20

3.2 Admin Dashboard interface of News Portal . . . . . . . . . . . . . . . . . 20
3.3 Add Post interface of News Portal . . . . . . . . . . . . . . . . . . . . . . 21
3.4 Home page of News Portal . . . . . . . . . . . . . . . . . . . . . . . . . . 22
3.5 Dakshina Kananda page of News portal . . . . . . . . . . . . . . . . . . . 22

v
Chapter 1

Introduction

1.1 Company Profile

Kakunje Software Private Limited is an enterprise incorporated with IT consulting ser-
vices, Research and development of hardware and software products, headquartered in
Mangaluru , Karnataka. A dedicated team of expertise computer professionals research
and develop Enterprise softwares, static and dynamic websites, mobile applications, E-
commerce and ERP solutions. Our unique project development process cycle makes the
product standard in global market. We execute innovative ideas to solve the obstacles
in computer data, hardware and applications through strategic consulting solutions. We
apply current technologies in the development of software products to fulfil the needs
of an enterprise by meeting their business objectives and surge ahead in today’s global
marketplace.

Figure 1.1: Logo of Kakunje software

1
Internship Report Chapter 1

1.2 Vision
Applying advanced technology in development of software and electronic hardware with
unique development process cycle by which fulfil the business objectives of clients.

1.3 Mission
We apply current technologies in the development of software products to fulfil the needs
of an enterprise by meeting their business objectives and surge ahead in today’s global
marketplace.

1.4 Policies
• The company focuses on delivering innovative and effective IT solutions that are
designed to empower and enhance the lives of people.

• Kakunje software has a competent technical team that specializes in providing

efficient solutions that can turn clients’ ambitious goals into reality.

1.4.1 Safety Policy

• Maintaining a safe and clean workspace

• Not to disclose the internal affairs of the company to others.

1.4.2 HR Policy

• Safety in workspace

• Development of Human Resources

• Follow employee-oriented culture leading to personal development

Department of Information Science & Engineering, SCEM, Mangaluru Page 2

Internship Report Chapter 1

1.5 Products and Services

Kakunje Software Private Limited believes that service and quality is the key to suc-
cess, Enabling business success driven by technology Harnessing the power of technology,
creating a measurable difference for the clients across various industries multiple geogra-
phies.

• Web Application Development

• Software Application Development

• Mobile Application Development

• PCB Design and Fabrication

• Robotics and Automation

• Embedded System Development

• Cyber Security and Blockchain

1.5.1 App Development

Kakunje software has a specialized technical team that provides effective and efficient
custom application development solutions. They aim to empower and enhance people’s
lives through innovative IT solutions. The team works closely with clients to transform
their ambitious goals into reality, building wonderful applications that meet their unique
needs.

1.5.2 Web Development

Kakunje software is an IT company that aims to improve people’s lives through innovative
and efficient IT solutions. Their competent technical team specializes in building effective
and efficient websites for businesses. They provide end-to-end services from designing,
hosting to maintenance, and work closely with their clients to turn their ambitious goals
into reality.

1.5.3 Digital Marketing

Kakunje software has a competent technical team that specializes in providing effective
and efficient digital marketing solutions. They work on Search Engine Optimization,

Department of Information Science & Engineering, SCEM, Mangaluru Page 3

Internship Report Chapter 1

Translation, Quality Assurance, Keyword Strategies, and Research Work to empower and
enhance people’s lives through profound IT innovation. The team transforms ambitious
goals into reality through their expertise in the field of digital marketing.

1.5.4 Game Development

The company provides game development by employing a team of specialized professionals

with skills in programming, design, art, audio, and quality assurance. The team works
together to create engaging and entertaining games for various platforms.

1.6 Customers
Kakunje software has a diverse set of potential clients, including MCF, Bhoomi Hard-
ware, Sky Ladder, Namaste Online, Redhill Softec, and Payana. These clients come from
a range of industries, including manufacturing, hardware, e-commerce, software develop-
ment, and travel. Kakunje software is well-equipped to cater to the unique needs of each
client, thanks to its innovative and adaptable approach to software development.

Department of Information Science & Engineering, SCEM, Mangaluru Page 4

Chapter 2

Task Performed

2.1 First Week

In first week have successfully acquired knowledge and skills in HTML, the standard
markup language for creating web pages. Through dedicated learning and practice, and
have grasped the fundamental concepts of HTML, including tags, attributes, and ele-
ments. I have gained proficiency in creating web content, structuring text, inserting
images, and creating hyperlinks. And have also learned about HTML5, the latest version
of HTML, and its new features such as video and audio embedding, semantic elements,
and form validation. My first-week experience with HTML has been intensive and pro-
ductive, paving the way for further web development learning and application..

2.1.1 Intoduction To Web Development

Web development is the process of creating websites and web applications. It involves
various technologies and frameworks. HTML, CSS, and JavaScript are the three funda-
mental technologies used for web development. HTML (Hypertext Markup Language) is
used to structure and present content on the web, while CSS (Cascading Style Sheets) is
used for styling and layout. JavaScript is used for creating dynamic and interactive web
pages. Web development using PHP involves creating dynamic and interactive websites
by leveraging the power of PHP, a widely-used server-side scripting language. PHP, which
stands for Hypertext Preprocessor, is an open-source language that is highly popular for
its ease of use, flexibility, and extensive community support. With PHP, developers can
build dynamic web applications that interact with databases, handle form submissions,
generate dynamic content, and perform various other server-side tasks. PHP can be

5
Internship Report Chapter 2

embedded directly into HTML code, making it seamless to integrate PHP scripts with
front-end technologies such as HTML, CSS, and JavaScript. Web development using PHP
opens up opportunities to build dynamic, data-driven websites and web applications that
can provide personalized user experiences and robust functionality.

2.1.2 HTML Fundamentals

HTML (Hypertext Markup Language) is the standard markup language used for creating
web pages and web applications. It provides the structure and content of a web page and
defines how it is displayed in a browser. HTML consists of a series of elements, each of
which represents different types of content, such as headings, paragraphs, images, videos,
and links.
The resulted HTML website can bee seen in the figure 2.1

Figure 2.1: The resultant HTML website

In conclusion, this HTML code represents a simple web page with a header, main
content section, and footer. The header includes a welcome message and a navigation bar
with links to Home, About, and Contact pages. The main section includes information
about the web developer, including a profile picture and a list of his skills. The footer
includes the copyright information for the website. This code serves as a basic example
of the structure and content that can be included in an HTML webpage and can be

Department of Information Science & Engineering, SCEM, Mangaluru Page 6

Internship Report Chapter 2

further customized and enhanced using CSS and JavaScript to create a more interactive
and visually appealing website.

2.2 Second Week

2.2.1 Overview of CSS

CSS, or Cascading Style Sheets, is a styling language used to describe the presentation and
layout of web pages written in HTML and XML. It allows web developers to separate the
structure of a document from its presentation, making it easier to maintain and update
a website’s design. With CSS, developers can control aspects such as font styles, colors,
positioning, and more.

Figure 2.2: The resultant HTML website with CSS

Department of Information Science & Engineering, SCEM, Mangaluru Page 7

Internship Report Chapter 2

During my second week of learning web development, I dedicated my time to mastering

CSS (Cascading Style Sheets), a fundamental technology used for styling web pages. With
enthusiasm and determination, I delved into the world of CSS and expanded my web
development skill set.First and foremost, I grasped the core concepts of CSS, including
selectors, properties, and values. I learned how to target HTML elements using selectors,
such as class and ID, and apply various styles to them using CSS properties like color,
font-size, margin, padding, and more. I also learned how to create external CSS files
and link them to HTML documents, making it efficient and organized to manage styles
across multiple web pages.As my understanding of CSS deepened, I honed my skills in
creating responsive web designs. I learned about media queries, which allow me to apply
different styles to different screen sizes, enabling websites to adapt to various devices like
desktops, tablets, and smartphones. I also gained proficiency in using Flexbox and Grid,
modern CSS layout techniques that offer powerful tools for creating flexible and responsive
designs.In addition to layout and styling, I learned about advanced CSS concepts such as
animations and transitions. I discovered how to create eye-catching animations using CSS
keyframes and the animation property, and how to add smooth transitions to elements
using CSS transitions. These techniques added dynamic and interactive elements to my
web pages, enhancing the user experience and visual appeal of my websites.

Department of Information Science & Engineering, SCEM, Mangaluru Page 8

Internship Report Chapter 2

The resultant HTML website after addding the CSS is shown in the figure 2.3

Figure 2.3: The resultant HTML website with CSS

In conclusion, my second week of learning CSS was a fulfilling and enriching experi-
ence. I am now equipped with a solid understanding of CSS fundamentals, responsive
design, animations, transitions, and best practices. I am excited to apply my newly ac-
quired CSS skills in real-world web development projects and continue my journey of
becoming a proficient web developer.

Department of Information Science & Engineering, SCEM, Mangaluru Page 9

Internship Report Chapter 2

2.3 Third Week

2.3.1 A Login Page using HTML and CSS

The design is shown in figure 2.4. A login page is a key component of most websites that

Figure 2.4: A Login Page using HTML and CSS

require user authentication. It is typically designed using HTML (Hypertext Markup

Language) and CSS (Cascading Style Sheets) to create a visually appealing and user-
friendly interface.HTML is used to structure the login page, defining elements such as
input fields, labels, buttons, and other components. Input fields are used for users to
enter their username and password, and labels provide descriptions for each input field.
Buttons are used for submitting the login form or resetting the entered data. CSS is used
for styling the login page, including the layout, colors, fonts, and other visual elements.
CSS allows for the customization of the appearance of the login page, making it visually
appealing and consistent with the overall design of the website. For example, CSS can
be used to create a responsive design that adjusts the layout and appearance of the login
page for different screen sizes, such as desktops, tablets, and mobile devices.The login

Department of Information Science & Engineering, SCEM, Mangaluru Page 10

Internship Report Chapter 2

page may also include additional functionalities, such as password recovery, social media
login options, or error handling for incorrect login credentials. These functionalities can
be implemented using HTML and CSS in conjunction with JavaScript, which allows for
adding interactivity and dynamic functionalities to the login page.In terms of usability, a
well-designed login page should be intuitive and user-friendly. It should clearly indicate
the purpose of the page, provide instructions on how to enter the login credentials, and
offer feedback on whether the login attempt was successful or not. It should also ensure
the security of user data by using secure input fields for password entry and implementing
security measures, such as HTTPS and password encryption.

2.3.2 Started learn Bootstrap

Started with understanding the fundamental concepts of Bootstrap, such as the grid
system, which allows for creating responsive layouts that adapt to different screen sizes.
I learned about the various container classes, rows, and columns, and how they can be
used to create flexible and responsive designs for different devices, including desktops,
tablets, and mobile devices.

Department of Information Science & Engineering, SCEM, Mangaluru Page 11

Internship Report Chapter 2

2.4 Fourth Week

2.4.1 Deeper understanding About Bootstrap

During this week, I have embarked on a journey to expand my knowledge of Bootstrap by

delving into deeper and more advanced concepts. Through rigorous learning and prac-
tice, I have been exploring advanced features of Bootstrap such as customizing themes,
utilizing JavaScript plugins, optimizing responsive design, and integrating with other web
technologies. I am excited to further hone my skills in creating modern and responsive
web designs using Bootstrap’s powerful tools and techniques.

2.4.2 Creating website using Bootstrap

Figure 2.5: Simple Bootstarp website

I have successfully crafted a simple yet visually appealing website using Bootstrap,
leveraging its flexible grid system, responsive components, and pre-designed UI elements.
The website boasts a modern and polished appearance, showcasing my newly acquired
skills in utilizing Bootstrap for web development.

Department of Information Science & Engineering, SCEM, Mangaluru Page 12

Internship Report Chapter 2

2.4.3 Getting Started with JavaScript

This week, I started learning various topics in JavaScript, including but not limited to
variables, data types, operators, loops, conditionals, functions, and objects.

2.5 Fifth Week

2.5.1 In depth study of JavaScript

JavaScript is a programming language that is widely used for creating interactive and
dynamic web pages. It is a client-side scripting language that can be added to HTML
pages to create dynamic effects and improve user interactivity. JavaScript is a high-
level language that is easy to learn and has a flexible syntax. It can be used for a
variety of purposes, including form validation, creating animations, manipulating the
Document Object Model (DOM), and much more. One of the most significant features of
JavaScript is its ability to interact with HTML and CSS. This makes it possible to modify
the content and style of web pages dynamically, without the need for page reloading.
JavaScript is also used extensively in web development frameworks like React, Angular,
and Vue. JavaScript can be executed on any modern web browser, making it a widely
adopted language. It has a vast developer community, which means that there are many
libraries, frameworks, and plugins available to extend its functionality. Popular libraries
like jQuery and React make JavaScript programming much easier and efficient. JavaScript
is a versatile language that is used for creating dynamic web pages and improving user
interactivity. It has a flexible syntax, and its ability to interact with HTML and CSS
makes it a powerful tool in web development. Its popularity and the availability of many
libraries and frameworks make it an essential language for web developers.

2.6 Sixth Week

2.6.1 Designed multi-page college Website

This week, I successfully completed the design of a multi-page college website. This
involved creating multiple web pages with a cohesive and visually appealing layout, in-
corporating relevant content, images, and interactive elements. I utilized my skills in
web design, coding, and user experience (UX) to ensure that the website is user-friendly,

Department of Information Science & Engineering, SCEM, Mangaluru Page 13

Internship Report Chapter 2

responsive, and accessible. I also followed best practices for website design and opti-
mization to enhance performance and load times. The completed website now serves as
an informative and engaging online platform for the college community, showcasing its
programs, events, and achievements.

Figure 2.6: multi-page college Website

2.6.2 Exploring MySQL Workbench

MySQL Workbench is a popular, open-source tool for designing, modeling, and adminis-
tering MySQL databases. It provides a graphical user interface (GUI) that makes it easy
for developers and database administrators to create and manage database schema, cre-
ate queries, and perform other database-related tasks. It is a comprehensive application
that allows users to manage their databases efficiently and easily. MySQL Workbench
is available for Windows, Mac OS, and Linux operating systems. With MySQL Work-
bench, users can create, edit, and manage database schemas, tables, and indexes using a
visual drag-and-drop interface. It also provides tools for visual data modeling, SQL de-
velopment, and server administration. In addition to designing and modeling databases,
MySQL Workbench can also be used to manage your MySQL databases. From the home
screen, you can select an existing database to manage.

Department of Information Science & Engineering, SCEM, Mangaluru Page 14

Internship Report Chapter 2

2.7 Seventh Week

2.7.1 Designed clone of Spotify

Designing a Spotify clone using HTML, CSS, and JavaScript. With meticulous attention
to detail, I crafted a visually appealing user interface that closely resembles the sleek and
intuitive design of Spotify’s popular music streaming service. Leveraging my proficiency
in HTML, I created a responsive layout that seamlessly adapts to different screen sizes,
ensuring a smooth user experience across various devices. My expertise in CSS allowed
me to apply stylish and modern aesthetics to the clone, utilizing color schemes, fonts, and
animations to enhance the overall look and feel. Additionally, I implemented JavaScript
functionalities to enable features such as music playback, search, and playlists, bring-
ing the clone to life and making it interactive and dynamic. The end result is a fully
functional Spotify clone that showcases my proficiency in HTML, CSS, and JavaScript,
and represents a significant milestone in my web development journey. I’m proud of my
accomplishment and excited to share my creation with others.

Figure 2.7: Simple of clone of Spotify Music App

Department of Information Science & Engineering, SCEM, Mangaluru Page 15

Internship Report Chapter 2

2.7.2 Exploring PHP

This week, I had the opportunity to learn about PHP, which stands for Hypertext Pre-
processor. PHP is a popular server-side scripting language that is widely used for web
development. During my learning, I gained knowledge about PHP’s syntax, variables,
data types, arrays, loops, conditional statements, functions, and object-oriented pro-
gramming (OOP) concepts. I also learned about how PHP can interact with databases,
handle forms, and create dynamic web pages. I found PHP to be a powerful and versatile
language that allows for the creation of dynamic and interactive websites. I am excited
to continue my learning and explore the various applications of PHP in web development.

Department of Information Science & Engineering, SCEM, Mangaluru Page 16

Internship Report Chapter 2

2.8 Eight Week

2.8.1 Coding of News Portal - A PHP Full Stack Project

The development of a news portal website using PHP typically involves multiple compo-
nents and functionalities. One of the key components is the front-end user interface, which
is created using HTML, CSS, and JavaScript. HTML (Hypertext Markup Language) is
used to structure the web pages, CSS (Cascading Style Sheets) is used for styling and
layout, and JavaScript is used for interactivity and user engagement functionalities.The
back-end of the news portal website is powered by PHP, which handles server-side func-
tionalities such as user authentication, database connectivity, data processing, and other
server-side operations. PHP is capable of interacting with databases such as MySQL,
allowing for the storage and retrieval of news articles, user profiles, and other relevant
data

Figure 2.8: The home page interface of News Portal

Administrators can manage the news articles, categories, user profiles, and other
functionalities through the admin panel, which is powered by PHP. They can add, edit,
and delete news articles, manage user accounts, and monitor user interactions. PHP
allows for the implementation of content management functionalities, user permissions,
and other administrative tasks to ensure the security of the news portal website.

Department of Information Science & Engineering, SCEM, Mangaluru Page 17

Chapter 3

Outcomes

The overall internship experience at Kakunje software was very positive. My mentor
guided me through various workflows and helped me overcome difficult situations. In
addition to technical skills, I also had the opportunity to improve my interpersonal skills,
which are easily transferable across industries and positions. I was able to enhance my
communication and teamwork skills by taking on leadership tasks throughout.

3.1 Learning Outcomes

• Gained technical skills in HTML, CSS, and JavaScript to create responsive and
dynamic web pages.

• The internship provided experience in testing and debugging web applications to

identify and fix issues

• Learned how to design, implement, and query relational databases using MySQL
Workbench.

• Through the internship, i acquired proficiency in PHP, a widely used server-side

scripting language.

• Developed soft skills in effective communication, teamwork, and problem-solving.

• Collaborated with other developers and team members to achieve project goals and
deadlines.

• Balanced competing priorities while ensuring the quality and integrity of work.

18
Internship Report Chapter 3

3.2 Project Outcomes

The news portal project using PHP as a backend has been successfully implemented and
launched, providing a user-friendly and informative platform for news enthusiasts. The
project incorporates various features that enhance the overall user experience and ensure
smooth functioning.The backend of the news portal project is developed using PHP, a
popular and powerful server-side scripting language. PHP enables seamless data process-
ing and management, allowing for efficient handling of news articles, categories, and user
information. The backend also employs MySQL, a robust and scalable database manage-
ment system, to store and retrieve news content and related data.The news portal project
offers a comprehensive and dynamic admin panel that allows administrators to manage
news articles, categories, and users with ease. The admin panel includes functionalities
such as article creation, editing, and deletion, category management, user management,
and content moderation. It also includes a powerful search functionality that enables
users to search for news articles based on keywords, categories, and date ranges.The
project also incorporates a user-friendly front-end interface that provides a visually ap-
pealing and engaging layout for users to browse and read news articles. The front-end
is designed to be responsive, ensuring seamless access and optimal viewing experience
across different devices, including desktops, tablets, and mobile phones.
The news portal project also includes features such as user registration, authentica-
tion, and personalized user profiles. Registered users can customize their news prefer-
ences, bookmark articles, and engage in discussions through comments and social media
sharing.Overall, the news portal project using PHP as a backend has successfully deliv-
ered a feature-rich, user-friendly, and dynamic platform for news dissemination, catering
to the needs of news readers and administrators alike.

3.3 Admin

3.3.1 Admin Login

The admin login interface of the news portal project provides a secure and user-friendly
login page for administrators to access the admin panel. It includes input fields for
username and password, with appropriate validation and authentication mechanisms, to
ensure authorized access to the backend functionalities.

Department of Information Science & Engineering, SCEM, Mangaluru Page 19

Internship Report Chapter 3

Figure 3.1: Admin Login Interface of News Portal

3.3.2 Admin Dashboard

The admin dashboard interface of the news portal project is a comprehensive and visually
appealing page that provides administrators with an overview of key statistics, news arti-
cles, categories, user management options, and other functionalities, facilitating efficient
management and moderation of the news portal.

Figure 3.2: Admin Dashboard interface of News Portal

Department of Information Science & Engineering, SCEM, Mangaluru Page 20

Internship Report Chapter 3

3.3.3 Add Post

By the help of this interface the admin can add news to the user interface.

Figure 3.3: Add Post interface of News Portal

3.4 User Interface

The end-user interface of the news portal project offers a user-friendly and visually ap-
pealing platform for readers to browse, search, and read news articles. The interface is
designed to provide a seamless and engaging experience for users, with various features
and functionalities.The homepage of the news portal presents a visually appealing lay-
out with featured news articles, popular articles, and latest news updates. Users can
easily navigate through different categories of news articles, such as politics, sports, en-
tertainment, and more, through a user-friendly menu or a sidebar.The news articles are
presented in a clean and organized format, with headlines, images, summaries, and the
option to read the full article. Users can also search for specific articles using keywords,
categories, and date ranges, enabling efficient information retrieval.The end-user inter-
face also includes options for users to provide feedback, report issues, and contact the
administrators for support or inquiries. It is designed to be responsive, ensuring opti-
mal viewing experience across different devices, including desktops, tablets, and mobile
phones.Overall, the end-user interface of the news portal project provides a visually ap-
pealing, user-friendly, and informative platform for readers to access and engage with
news articles, enhancing their overall experience and satisfaction.

Department of Information Science & Engineering, SCEM, Mangaluru Page 21

Internship Report Chapter 3

Figure 3.4: Home page of News Portal

Figure 3.5: Dakshina Kananda page of News portal

Department of Information Science & Engineering, SCEM, Mangaluru Page 22

Chapter 4

Conclusion

In my experience as a PHP full-stack developer intern, I gained a broad range of technical

skills and knowledge that have enabled me to contribute to the development of web appli-
cations. Throughout my internship, I had the opportunity to work with HTML, CSS, and
JavaScript to create responsive and dynamic web pages. Additionally, I had the chance
to work with MySQL Workbench, a powerful database management tool, and to learn
how to design, implement and query relational databases.And also i have learnt about
backend language php. And i applied this knownledge while doing the project . This
experience helped me to understand how to create and maintain efficient and scalable
back-end systems, as well as how to integrate them with front-end applications. Through-
out my internship, I was able to apply these skills to contribute to the development of
several projects, including a social networking platform and a blogging application. Aside
from technical skills, I also learned valuable soft skills, such as effective communication,
teamwork, and problem-solving. I collaborated with other developers and team mem-
bers to achieve project goals and deadlines, and I learned to balance competing priorities
while ensuring the quality and integrity of my work. Overall, my experience as a PHP
full-stack developer intern has been invaluable in helping me to develop my skills as a
web developer. I feel confident in my ability to work with different technologies and tools,
and I look forward to applying my knowledge and skills to future projects.

23
References

[1] https://kakunjesoftware.com/

[2] www.linkedin.com/company/Kakunje/

[3] https://www.opensourceforu.com/2021/02/using-apache-xampp-and-php-
onwindows/

[4] https://www.w3schools.com/php/php-mysql-intro.asp

[5] https://www.simplilearn.com/tutorials/php-tutorial/php-with-sql

24