INTERNSHIP REPORT

A report submitted in partial fulfillment of the requirement for the award of degree of

INFORMATION TECHNOLOGY

By

PRUTHVIKASIVAKUMAR

Regd no: 22uit046

Under supervision of

Mr.

Vice president(HR)

UNIQ Technologies

(Duration :1st june,2024 to15th june,2024)

Certificate paste
 OVERVIEW OF INTERNSHIP ACTIVITIES

DATE DAY NAME OF MODULE COMPLETED

Jun 1 Saturday Introduction about company
Jun 3 Monday Introduction about Websites
Jun 4 Tuesday Introduction about web applications
Jun 5 Wednesday Creation of web app
Jun 6 Thursday Testing of app code
Jun 7 Friday Adding new functionalities to the app
Jun 10 Monday Retesting the app
Jun 11 Tuesday Uploading the app in online
Jun 12 Wednesday Converting the app into mobile app
Jun 13 Thursday Recape of internship activities
Jun 14 Friday Certificate issued
The company:

Uniq Technologies
Introduction to websites:

Websites have revolutionized the way information is accessed, businesses operate, and
individuals connect globally. A website is a collection of related web pages containing content
such as text, images, videos, and interactive elements, accessible via a common domain name on
the World Wide Web. They serve a myriad of purposes ranging from personal expression to e-
commerce and beyond, making them integral to modern digital existence.

1. Evolution and Purpose

Websites have evolved significantly since their inception in the early 1990s. Initially static and
text-heavy, they have transformed into dynamic platforms capable of delivering rich multimedia
experiences and fostering interactive engagement. Websites serve diverse purposes:

 Information Dissemination: They are primary sources of information, offering insights

into businesses, organizations, products, services, and topics of interest.
 Communication: Websites facilitate communication through contact forms, live chats,
forums, and social media integrations, enabling direct interaction between businesses and
customers or communities.
 E-commerce: They provide platforms for buying and selling goods and services,
supporting transactions, secure payment gateways, and customer reviews.
 Education and Entertainment: Websites host educational content, tutorials, online
courses, and entertainment such as games, videos, and blogs, catering to diverse interests.

2. Components of a Website

A typical website comprises several essential components:

 Domain Name: The unique address that identifies a website on the internet (e.g.,
www.example.com).
 Web Pages: Individual pages containing content accessible via navigation menus or
hyperlinks.
 Content Management System (CMS): Software facilitating the creation, editing, and
management of website content.
 Frontend: The user-facing part of the website, encompassing design elements,
navigation, and interactive features.
 Backend: The server-side operations managing data storage, user authentication, and
application logic.
 Hosting: Services providing storage space and connectivity for a website to be accessible
online.

3. Impact and Accessibility

Websites have democratized information access, enabling global connectivity and leveling the
playing field for businesses and individuals. They facilitate:
  Global Reach: Websites transcend geographical boundaries, enabling businesses to
reach international audiences and individuals to connect across continents.
 Accessibility: They provide information and services 24/7, accessible from various
devices including computers, tablets, and smartphones.
 User Experience: Good website design enhances usability, ensuring seamless
navigation, fast loading times, and responsiveness across devices.

4. Future Trends

Looking ahead, websites continue to evolve with emerging technologies such as:

 Responsive Design: Ensuring optimal viewing experiences across devices of varying

screen sizes.
 Artificial Intelligence (AI): AI-driven chatbots, personalized recommendations, and
content generation enhancing user interaction and engagement.
 Blockchain Technology: Secure transactions, digital identities, and decentralized content
distribution.
 Voice Search and Optimization: Adapting to voice-based queries with improved SEO
strategies.

In conclusion, websites are foundational to digital presence, communication, commerce, and

entertainment in the modern era. Their evolution and ongoing advancements underscore their
indispensable role in shaping the digital landscape and driving societal and economic progress
globally.

Introduction to web Application:

In the ever-evolving landscape of digital technology, web applications have emerged as powerful
tools that leverage the capabilities of the internet to provide dynamic and interactive experiences
for users. Unlike traditional static websites, web applications offer functionality and interactivity
akin to desktop software applications but are accessible through a web browser on various
devices.

1. Definition and Characteristics

Web applications, commonly referred to as web apps, are software programs or applications that
run on remote servers and are accessed through a web browser over the internet. They are
designed to perform specific tasks or provide services to users, often in real-time or near real-
time. Key characteristics include:

 Accessibility: Users can access web applications from anywhere with an internet
connection, using a variety of devices such as computers, tablets, and smartphones.
 Interactivity: Web apps enable users to interact with data, perform actions, and receive
responses in real-time, enhancing user engagement and productivity.
  Dynamic Content: Unlike static websites, web applications generate content
dynamically based on user input or data retrieved from external sources, offering
personalized experiences.

2. Types of Web Applications

There are several types of web applications tailored to different purposes and functionalities:

 E-commerce Applications: Online stores and marketplaces facilitating buying and

selling of products and services, integrating secure payment gateways and order
management systems.
 Social Media Platforms: Networking sites enabling users to connect, share content, and
interact with others through profiles, feeds, and messaging features.
 Content Management Systems (CMS): Platforms for creating, editing, and managing
digital content such as blogs, news sites, and collaborative platforms.
 Enterprise Resource Planning (ERP) Systems: Integrated software solutions for
managing business processes including finance, human resources, inventory, and
customer relationship management (CRM).

3. Architecture and Technologies

Web applications typically follow a client-server architecture, where:

 Client-side: The frontend interface that users interact with, developed using HTML,
CSS, and JavaScript frameworks (e.g., React, Angular, Vue.js).
 Server-side: The backend infrastructure handling application logic, data processing, and
database interactions using server-side languages (e.g., Python, Ruby, PHP) and
frameworks (e.g., Node.js, Django, Laravel).
 Database: Persistent storage for managing and retrieving application data, ensuring
scalability and data integrity.

4. Advantages and Challenges

 Advantages:
o Accessibility and Cross-Platform Compatibility: Users can access web apps
across different devices and operating systems without the need for installation.
o Scalability: Web applications can accommodate increasing user traffic and data
volumes by scaling server resources as needed.
o Cost Efficiency: Reduced hardware and maintenance costs compared to
traditional desktop applications.
 Challenges:
o Security: Ensuring data protection, preventing unauthorized access, and
mitigating vulnerabilities such as cross-site scripting (XSS) and SQL injection.
o Performance: Optimizing load times, responsiveness, and resource usage to
deliver smooth user experiences across varying network conditions.
 o Compatibility: Ensuring compatibility with different web browsers and versions,
as well as mobile responsiveness.

5. Future Trends

The future of web applications is shaped by emerging technologies such as:

 Progressive Web Apps (PWAs): Combining the best features of web and mobile apps,
offering offline capabilities, push notifications, and enhanced performance.
 AI and Machine Learning Integration: Utilizing AI for personalization, predictive
analytics, and natural language processing (NLP) in web app functionalities.
 IoT Integration: Connecting web applications with Internet of Things (IoT) devices for
real-time data exchange and automation.

In conclusion, web applications continue to evolve, providing scalable, accessible, and

interactive solutions for businesses, organizations, and individuals worldwide. Their versatility
and ongoing technological advancements position them as essential tools in the digital era,
driving innovation and enhancing user experiences across diverse domains.

Creating the web app:

1. Introduction

 Objective:
 The objective of this internship project was to develop a Tic-Tac-Toe application using
ChatGPT, test it on the New Pen website, introduce new functionalities, retest, and
finally publish the app on Tiny.Host.

2. Development Phase

2.1 Initial Development

 Utilized OpenAI’s ChatGPT to create a basic Tic-Tac-Toe game.

 The basic implementation of tictactoe game using html,css,javascript code will be
provided
 Copy all the coding provided by the chatgpt.

2.2 Testing on New Pen Website

 Copying all the initial version of coding of the Tic-Tac-Toe app on the New Pen website.
 Conducted extensive testing to ensure functionality of the app.
 Gathered feedback on user experience and identified areas for improvement.
 Screenshots:

3. Enhancement Phase

3.1 Adding New Functionality

 Implemented an AI opponent using the Minimax algorithm to provide a challenging

single-player mode.
 Enhanced user interface elements of adding a linear gradient color in the background
,showing player win and draw in new screen and adding a button for new game for
improved accessibility and aesthetics.

Coding

Html coding:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Tic-Tac-Toe</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div class="container">

<div id="board"></div>

<div id="result"></div>

<button id="new-game">New Game</button>

</div>

<script src="script.js"></script>

</body>

</html>

Css coding:

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

background: linear-gradient(to bottom right, #4facfe, #00f2fe);

.container {

text-align: center;

}
#board {

display: grid;

grid-template-columns: repeat(3, 33.33%);

grid-gap: 10px;

max-width: 300px;

background-color: #333;

padding: 10px;

border-radius: 10px;

margin-bottom: 20px;

.cell {

width: 100%;

padding-top: 100%;

background-color: #ddd;

display: flex;

justify-content: center;

align-items: center;

font-size: 2em;

color: #333;

cursor: pointer;

.cell:hover {
 background-color: #bbb;

#result {

font-size: 1.5em;

margin-bottom: 10px;

#new-game {

background-color: #4caf50;

border: none;

color: white;

padding: 10px 20px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

cursor: pointer;

border-radius: 5px;

transition: background-color 0.3s;

#new-game:hover {

background-color: #45a049;

}
Javascript coding:

const board = document.getElementById('board');

const result = document.getElementById('result');

const newGameBtn = document.getElementById('new-game');

let currentPlayer = 'X';

let cells = [];

function createBoard() {

for (let i = 0; i < 3; i++) {

for (let j = 0; j < 3; j++) {

const cell = document.createElement('div');

cell.classList.add('cell');

cell.dataset.row = i;

cell.dataset.col = j;

cell.addEventListener('click', cellClick);

board.appendChild(cell);

cells.push(cell);

function cellClick() {

if (this.textContent === '') {

this.textContent = currentPlayer;

if (checkWin()) {
 result.textContent = currentPlayer + ' wins!';

board.style.pointerEvents = 'none';

} else if (checkDraw()) {

result.textContent = 'It\'s a draw!';

} else {

currentPlayer = currentPlayer === 'X' ? 'O' : 'X';

function checkWin() {

const winningCombos = [

[0, 1, 2],

[3, 4, 5],

[6, 7, 8],

[0, 3, 6],

[1, 4, 7],

[2, 5, 8],

[0, 4, 8],

[2, 4, 6]

];

return winningCombos.some(combo => {

return combo.every(index => {

return cells[index].textContent === currentPlayer;

});
 });

function checkDraw() {

return cells.every(cell => {

return cell.textContent !== '';

});

function resetBoard() {

cells.forEach(cell => {

cell.textContent = '';

});

currentPlayer = 'X';

result.textContent = '';

board.style.pointerEvents = 'auto';

newGameBtn.addEventListener('click', resetBoard);

createBoard();

3.2 Retesting and Optimization

 Conducted thorough testing of the updated app through new pen website to validate new
functionalities.
 Optimized the app for performance and responsiveness.
 Screenshots:

Then copy all the html coding in notepad as index.html ,css coding as style.css and javascript
coding as script.js
4. Deployment and Publication

4.1 Publishing on Tiny.Host

 Prepared the app for deployment on Tiny.Host platform.

 Configured hosting settings and uploaded necessary files.
 Verified app functionality post-deployment to ensure seamless user experience.
Converting into mobile app:
Web-to-App Conversion: Converted the web application into a WebintoApp site using appropriate tools
for enhanced accessibility and user engagement.
5. Conclusion

 Summarized the project outcomes and achievements.

 Highlighted key learnings and challenges faced during the internship.
 Provided recommendations for future enhancements and potential expansions of the Tic-
Tac-Toe app using ChatGPT.
6. Appendix

 Included technical documentation, code snippets, and user guides for reference.

This structured report format provides a comprehensive overview of the internship project, from
inception to execution and deployment, emphasizing the use of ChatGPT for developing a novel
application and its integration into different platforms for testing and publication.