INTERNSHIP REPORT

A report submitted in fulfillment of the requirements for the Award of Degree of

BACHELOR OF ENGINEERING
in
Computer Engineering
Under subject of

Internship (3180701)

Semester – VIII
Submitted by

Chandani Singh R. ( 211100107507 )

Under Supervision of

Miss Kinjal Javiya

RealBotz
(Duration: 15/01/2023 to 20/04/2023)

Academic Year : 2023-24

GUJARAT TECHNOLOGICAL UNIVERSITY

Chandkheda, Ahmedabad
Affiliated

GIDC DEGREE ENGINEERING COLLEGE

Block No:997, Abrama, Navsari, Gujarat, INDIA
 COMPUTER ENGINEERING DEPARTMENT

CERTIFICATE

Date:06/04/2024

This is to certify that the “Internship Report” of BE(Computer Engineering),

Semester VIII submitted by Chandani Singh(211101017507) , is work done
by her/him at RealBotz and submitted during 2023-24 academic year, in
fulfilment of the requirements for the award of the degree of BACHELOR
OF ENGINEERING in COMPUTER ENGINEERING.

Asst. Prof. Gira Barot

Prof. Archana M. Nayak
Internal Guide CE Dept. Head of the Department CE Dept.
GIDC Degree Eng. , Abrama GIDC Degree Eng. , Abrama

External Examiner
 ACKNOWLEDGEMENT

I would like to express my sincere gratitude to all those who have helped and supported me
during my summer internship at RealBotz.

Firstly, I would like to thank my Internal Guide, Prof. Gira Barot, as well as our Head of
department, Prof. Archana Nayak, who have provided me with necessary guidance and
information needed to complete this internship report.
I would also like to thank RealBotz, who gave me the golden opportunity to work as a Web
Development Intern at their firm and my Project Guide, Miss Kinjal Javiya, for providing
me with this valuable opportunity to work on Web Development projects and for guiding
me throughout the internship.

Working alongside such skilled professionals has been an incredible learning experience,
and I am grateful for the knowledge and skills that have been shared with me. The
internship has helped me build a strong foundation in web development, and the projects
that I have worked on using that knowledge have helped me solidify it even more.

We are thankful to Gujarat Technological University for giving us the opportunity to

undertake this summer internship.

Chandani Singh R. (211100107507)

 ABSTRACT

This report outlines my experience as a website development Intern. The internship

provided me with the opportunity to work on multiple projects and gain hands-on
experience in website development.

As a website development Intern, I was tasked to design websites for various different
purposes from scratch using various technologies.

In addition to development, this internship has given me experience of working along with
fellow trainees and employees in an industrial environment.
Overall, the internship provided me with a solid understanding of website development and
its potential benefits for organizations. I gained valuable experience in project
development, problem-solving, and working in a team environment. The skills and
knowledge gained during the internship will undoubtedly prove to be invaluable in my
future career prospects.
List of Figures
 Table of Contents

ACKNOWLEDGEMENT…..........................................................................................................i
ABSTRACT…...............................................................................................................................ii
TABLES OF CONTENTS............................................................................................................iii
1. ABOUT TRAINING..................................................................................................................1
2. ABOUT COMPANY.................................................................................................................2
3. INTRODUCTION.....................................................................................................................3
4. OBJECTIVES............................................................................................................................4
5. TOOLS AND TECHNOLOGY................................................................................................6
5.1 HTML & CSS....................................................................................................................6
6. WORKS AND SCREENSHOTS............................................................................................9
7. CONCLUSION........................................................................................................................29
8. TERMINOLOGY....................................................................................................................30
 CHAPTER 1 : INTRODUCTION

1.1 OVERVIEW OF THE COMPANY

Established in 2021, RealBotz provide a range of information technology services designed

for buisness productivity.

RealBotz work in research & development of IT & Software products, for clients from
different industries, to maximize their working standards by improving their production,
quality, and thus the revenues by retaining their customer loyalty.

We are involved in Web Development, App Development, Progressive Web Application

Development, Digital Transformation & DevOps and Cloud etc.
 1.2 SERVICES OFFERED
RealBotz provides a range of IT services and solutions to clients in India and around the
world. Some of the services provided by RealBotz include:

Web Development : RealBotz provide strong domain knowledge with technology

expertise to build and maintain the best web applications for clients, whether the need is for
B2B or B2C audiences. Our expertise covers the entire spectrum of application types –
from Single Page Applications (SPAs) which we develop with Angular or React, to quick
prototyping, and full enterprise level applications.

Moblie App Development : RealBotz provide the latest software, state-of-the-art tools and
methodologies, which are smoothly integrated into your operations. Developed hundreds of
apps using Swift, Objective-c, React Native, Kotlin, Java and C++.

Digital Transformation : Digital transformation refers to the full-scale improvement and

automation of business processes and activities. It’s not just a buzzword; it’s about
fundamentally changing the way your business works by embracing the latest technologies
and methodologies. A Successful digital transformation involves cultural, technical and
political challenges, which often act as barriers for companies attempting to do it
themselves.

DevOps and Cloud : They provide skilled DevOps team creates the infrastructure for any
project our development team works on, ranging from a simple web server for a landing
page, to setting up containerized environments, and high availability auto-scaling
infrastructures leveraging Cloud Computing. They have proven experience in Azure, AWS,
and Google Cloud. Also work with standalone or virtualized servers including on-premises
scenarios.
1.3 DEVELOPMENT PROCESS

 Requirement Gathering
 Analysis & Planning
 Execution
 Testing
 Delivery

1.4 VALUES

Excellence: Seeking to continuously improve, develop depth in thinking and

cultivate an eye for detail in day-to-day work.

Responsibility: Delivering value and taking ownership of actions.

Unity: Working together and taking advantage of synergy while harnessing unique
abilities of each other to achieve a larger goal.

Understanding: How well we work with others depends on our ways to connect
and this in turn in based on our level of understanding human relationships.

Integrity: Working with honesty, following the highest standards of

professionalism
 CHAPTER 2: OVERVIEW OF ORGANIZATION

2.1 DEPARTMENTS

RealBotz in specific offers various software solutions for the company as well as its clients
across the world. There are many departments in RealBotz to manage the following:

Software Development: Consists of the Web Development, Android Development, DevOps

and Cloud Development team.

Database Administrator & Development: Consists of the people working with Oracle ERP
and MySQL database services.

IT Infrastructure: Provide IT support services to help its clients maintain and manage
their IT systems and infrastructure.

The Software Development team is responsible for developing software applications and
processes for various platforms which require an array of tools to work with which are
mentioned as follows:

 Web Development: HTML, CSS, React, jQuery, Bootstrap, Next js

 Android Development: Java, Android Studio
 Database: SQL

Database Administrator & Development team use Oracle and MySQL services for database
monitoring and alerting, detecting performance issues, database security, etc.

The IT Infrastructure team use various help desk software, network monitoring tools, remote
desktop software, backup and recovery software, and security tools to manage and monitor IT
systems and infrastructure.
2.1 DEPARTMENT SPECIFIC ACTIVITIES

The Software Development team is responsible for designing and developing custom software
applications and solutions to meet the specific needs of the clients and user.

Database Administrator & Development team is responsible for proactive database monitoring
and alerting, detecting performance issues and providing solutions, database security, database
upgradation and cross platform migration, fast cloning, and installation and configuration.

The IT Infrastructure team provides IT consulting services to help clients optimize their IT
infrastructure and operations, including IT strategy development, technology evaluation, and
process improvement.
 CHAPTER 3 : INTERNSHIP DISCUSSION

3.1 INTERNSHIP SUMMARY

Through this Web Development internship, I got hands-on experience in Web development and
learnt about the business applications of this technology. I also got the opportunity to work on
real-world projects and interacted with employees to better understand their needs and
requirements. Some of the key takeaways are as follows:

Got introduced to web development and automated repetitive tasks using various tools and
technologies. Completed leaning about all the tool and technologies that I was going to use and
strengthen my skills. Worked on specific tasks and projects assigned by the mentor to improve
my technical skills. Worked on projects and developed website from scratch using the things I
learned throughout my duration of the internship.

3.2 OBJECTIVES

 Understand the workflow of the organization and my role in the organization

 To learn various technologies and tools needed
 To build a website from scratch using various tools and technologies according to user
requirements
 To review the built website and make necessary changes
 Develop the final website and deliver to the client

3.3 SCOPE

 Enhance skills, knowledge, and overall professional development.

 Develop websites under the given deadline.
 Build relationships with industry professionals and connect with other interns.
 Get hands-on experience with industrial environment.
 Exposure to different departments and teams in an organization.
 Potential for future employment.
3.4 TOOLS AND TECHNOLOGY

3.4.1 HTML

HTML is an acronym which stands for Hyper Text Markup Language which is used for
creating web pages and web applications. Let's see what is meant by Hypertext Markup
Language, and Web page.
Hyper Text: HyperText simply means "Text within Text." A text has a link within it, is a
hypertext. Whenever you click on a link which brings you to a new webpage, you have
clicked on a hypertext. HyperText is a way to link two or more web pages (HTML
documents) with each other.

Markup language: A markup language is a computer language that is used to apply layout and
formatting conventions to a text document. Markup language makes text more interactive and
dynamic. It can turn text into images, tables, links, etc.

3.4.2 CSS

CSS stands for Cascading Style Sheets. It is a style sheet language which is used to
describe the look and formatting of a document written in markup language. It provides an
additional feature to HTML. It is generally used with HTML to change the style of web
pages and user interfaces. It can also be used with any kind of XML documents including
plain XML, SVG and XUL.

CSS is used along with HTML and JavaScript in most websites to create user interfaces
for web applications and user interfaces for many mobile applications.

3.4.3 JAVASCRIPT

JavaScript is an object-based scripting language which is lightweight and cross-platform.

JavaScript is not a compiled language, but it is a translated language. The JavaScript Translator
(embedded in the browser) is responsible for translating the JavaScript code for the web
browser.
Simple − JavaScript is simple to comprehend and pick up. Both users and developers
will find the structure to be straightforward. Additionally, it is very doable to
implement, saving web developers a ton of money when creating dynamic content.

Interoperability − Because JavaScript seamlessly integrates with other programming

languages, many developers favor using it to create a variety of applications. Any webpage
or the script of another programming language can contain it.

3.4.4 JQUERY

jQuery is a small, light-weight and fast JavaScript library. It is cross-platform and supports
different types of browsers. It is also referred as ?write less do more? because it takes a lot
of common tasks that requires many lines of JavaScript code to accomplish, and binds
them into methods that can be called with a single line of code whenever needed.

3.4.5 BOOTSTRAP

Bootstrap is the most popular HTML, CSS and JavaScript framework for developing
a responsive and mobile friendly website.
It is absolutely free to download and use. It is a front-end framework used for easier and
faster web development.

It includes HTML and CSS based design templates for typography, forms,
buttons, tables, navigation, modals, image carousels and many others.
It can also use JavaScript plug-ins. It facilitates you to create responsive designs.

3.4.6 REACT JS

React is a JavaScript library for building user interfaces.

React is used to build single-page applications.
React allows us to create reusable UI components.

React Features

JSX − JSX is JavaScript syntax extension. It isn't necessary to use JSX in React
development, but it is recommended.
 Components − React is all about components. You need to think of everything as a
component. This will help you maintain the code when working on larger scale projects.

Unidirectional data flow and Flux − React implements one-way data flow which makes it
easy to reason about your app. Flux is a pattern that helps keeping your data unidirectional.

License − React is licensed under the Facebook Inc. Documentation is licensed under CC
BY 4.0.

3.4.6 MYSQL

MySQL is an open-source relational database management system (RDBMS) that is widely

used for storing and managing structured data. It's one of the most popular database
systems in the world, particularly in web development, due to its reliability, performance,
and ease of use.

3.4.7 GIT & GITHUB

Git is a version control system that allows developers to track changes in their code. GitHub
is a web-based hosting service for git repositories. In simple terms, you can use git without
Github, but you cannot use GitHub without Git.
 CHAPTER : 4 SYSTEM ANALYSIS

4.1 STUDY OF CURRENT SYSTEM

FREELOADER - health based platform offers a diverse range of health and wellness
content, catering to users' needs across various domains. Users can access an extensive
library of videos covering topics such as fitness routines, healthy cooking recipes, mental
health advice, medical information, and lifestyle tips. These videos are hosted on dedicated
health channels, each with its unique branding and content style, fostering a sense of
community among subscribers.

One of the platform's key strengths lies in its interactive features, fostering community
engagement and knowledge-sharing among users. Comment sections allow viewers to
engage with creators, ask questions, and share their experiences, creating a sense of
camaraderie and support within the community. Moreover, features like likes, shares, and
subscriptions enable users to express appreciation for content they find valuable and stay
updated on their favorite creators' latest uploads.

4.2 PROBLEMS AND WEAKNESSES OF CURRENT SYSTEM

 Limited curation of health-related content.
 Lack of specialized features for health enthusiasts.
 Difficulty in finding reliable and accurate health information among vast amounts
of content.
 Potential for misinformation or low-quality content.

4.3 REQUIREMENTS OF NEW SYSTEM

 Robust content moderation to ensure accuracy and reliability.
 Advanced search and filtering options for specific health topics.
 Integration of user-generated content with verified medical sources.
 Personalized recommendations based on user preferences and health interests.
4.4 SYSTEM FEASIBILITY

4.4.1 Contribution to Organizational Objectives

 The system aligns with the organization's goal of providing valuable health-related
content to users, promoting health awareness, and potentially generating revenue
through advertising and premium subscriptions.

4.4.2 Implementation Considerations

 The system can leverage existing video streaming technology but may require
additional features such as health-specific recommendation algorithms. Costs and
schedule constraints need to be evaluated to ensure feasibility.

4.4.3 Integration with Existing Systems

 The system should be designed to integrate smoothly with existing platforms,
allowing users to access health content seamlessly alongside other video content.

4.5 ACTIVITY / PROCESS IN NEW SYSTEM / PROPOSED SYSTEM

 User registration and profile management.

 Content browsing, searching, and filtering.
 Engagement through likes, comments, and sharing.
 Personalized recommendations based on user behavior.
 Content recommendation and personalized feeds.
 Monetization options for content creators.

4.6 FEATURES OF NEW SYSTEM / PROPOSED SYSTEM

 Health-specific content categories and filters.
 Personalized health recommendations based on user preferences and history.
 Community features for users to engage with each other and content creators.
 Tools for content creators to track analytics, monetize content, and interact with
their audience effectively.
  Integration with health trackers and wearable devices for a holistic health
experience.
 This system analysis provides a structured approach to understanding the current
landscape, identifying needs and requirements, assessing feasibility, and outlining
the key features and processes of the proposed video streaming application for
health-related content.

4.7SELECTION OF HARDWARE / SOFTWARE

Hardware
1. Computer/Laptop

 Intel Core i5 processor or equivalent

 8GB RAM or more
 SSD storage
 Full HD display

2. Internet Connection

 Stable high-speed internet

Software

1. Operating System

 Windows/macOS/Linux

2. Text Editor/IDE

 Visual Studio Code, Sublime Text

3. Web Browsers

 Google Chrome, Mozilla Firefox

4. Version Control

 Git & Github

5. Frameworks/Libraries

 Frontend: React.js, Bootstrap

 Backend: Node.js
 Database: MySQL
 CHAPTER : 5 SYSTEM DESIGN

5.1 Class Diagram : A class diagram is a type of UML (Unified Modeling Language)
diagram used in software engineering to visualize the structure of a system by depicting
the classes of objects, their attributes, methods, and relationships.

fig. 5.1.1 class diagram

5.2 Use case : A use case diagram is a type of UML (Unified Modeling Language)
diagram that provides a visual representation of the interactions between users (actors) and
a system to achieve specific goals or tasks.

fig. 5.2.1 use case diagram

5.3 Activity Diagram : An activity diagram is a type of UML (Unified Modeling
Language) diagram that illustrates the flow of control or the sequence of activities in a
system or process. It visually represents the workflow of a system, showing the sequence of
actions, decisions, and parallel activities that occur during the execution of a use case or a
business process .

fig. 5.3.1 activity diagram (user side)

fig. 5.3.2 activity diagram (admin side)
5.4 DFD : A data flow diagram (DFD) is a graphical representation of the flow of data
within a system, illustrating how data is input, processed, stored, and outputted.

fig. 5.4.1 dfd (user side)

fig. 5.4.1 dfd (admin side)
 CHAPTER : 6 IMPLEMENTATION

6.1 ABOUT FREELOADER

FREELOADER website is a complete design of a video streaming website for multiple
purposes. The main purpose for designing this website is to display various health related
videos and post. It is made for organizational requirements and it is made in a manner that
it can be changed according to requirements in future.

6.1.1 SPECIFICATIONS
It has multiple pages with proper navigation and simple but very effective user interface for
users to work with. The design of this website is completely responsive which means this
website has different views for desktop, mobile and tablet users.

It is designed in a way that if there will be a need of some modifications in the website then
some minor changes in the code will be enough to make modification of your preference.

Homepage: Full screen carousel for image preview , Animated hoverable images that can
redirect to particular page and a multi-image carousel to view some products as
today’s top picks.

fig. 6.1.1 homepage

 fig. 6.1.2 threads

fig. 6.1.3 latest content

SignUp : To access any other page in website , first need to register itself . After SignUp ,
perform login .

fig. 6.1.4 signup

CONCLUSION
I really like working here. It is a great learning environment and I am learning new things everyday. I
am really looking forward to be a part of such a determined group and upgrade my level every time
with newer challenges and obstacles. I can’t wait this internship to be over and want to apply as a full
time developer as soon as I can.

Currently, I am constantly challenges with mind twisting tasks which helps me to sharpen my
programming skills as well as helps to make a strong grip in .net.
REFERENCE
www.udemy.com
www.youtube.com
https://sequelize.org/docs