INTERNSHIP REPORT

ON

WEB DEVELOPMENT

Submitted in partial fulfilment for the award of the degree of

Bachelor of Engineering

in

COMPUTER SCIENCE AND ENGINEERING of

Visvesvaraya Technological University Belgaum
During the year 2023-24

Carried out by

ARPIT KUMAR 1SB20CS013

Under the Guidance of

Mr. Lalitdass Vaishnav

Motion Cut

Department Of Computer Science And Engineering

SRI SAIRAM COLLEGE OF ENGINEERING

Anekal, Bengaluru - 562106

 SRI SAIRAM COLLEGE OF ENGINEERING,
Anekal, Bengaluru – 562106

Department of Computer Science and Engineering

CERTIFICATE

This is to certify that ARPIT KUMAR bearing the USN 1SB20CS013 has carried out the
internship work entitled “Web development” in Motion Cut for the partial fulfilment
for the award of Bachelor of Engineering in Department of Computer Science and
Engineering in Sri Sairam College of Engineering, Bengaluru under Visvesvaraya
Technological University, Belagavi during the year 2023 - 2024.

Signature of the Guide Signature of the HOD Signature of the Principal

Prof. Amsa Lakshmi M Dr Smitha J. A Dr. B. Shadaksharappa

Assistant Prof., Dept. of CSE HOD, Dept. of CSE Principal

Name of the Examiners Signature with Date

1.

2.
 ACKNOWLEDGEMENT

I take this opportunity to express my sincere thanks to our Chairman and Chief Executive Officer
Dr. Sai Prakash Leo Muthu, and Dr. Arun Kumar R, Management Representative of Sri Sairam
College of Engineering, for their kind encouragement and support.

I express my gratitude to Dr. B Shadaksharappa, Principal of Sri Sairam College of Engineering,

Bengaluru, for his dedication to fostering a positive student attitude and his continued support
throughout my academic journey.

I am deeply grateful to Dr. Smitha J. A, Head of the Department of Computer Science and
Engineering at Sri Sairam College of Engineering, Bengaluru, for her facilitation and support in
enabling me to complete my internship successfully.

I extend my heartfelt thanks to my guide, Prof. Amsa Lakshmi M, from the Department of Computer
Science and Engineering at Sri Sairam College of Engineering, Bengaluru, for her valuable guidance
and encouragement throughout my internship tenure.

I also express my sincere gratitude to my internship coordinator, Prof. Amsa Lakshmi M, from the
Department of Computer Science and Engineering at Sri Sairam College of Engineering, Bengaluru,
for her guidance and support during the internship.

A special thank you goes to coordinator Mr. Lalitdass Vaishnav for providing me with the
internship opportunity, which has been instrumental in my professional growth.

Lastly, I would like to thank the faculty members of the Computer Science and Engineering
department at Sri Sairam College of Engineering, Bengaluru, for their valuable support and guidance.
I also want to extend my thanks to my family and friends for their constant encouragement and
inspiration throughout this internship journey. Without their support, this internship would not have
been possible.
CERTIFICATES
 ABSTRACT

During my internship at Motion Cut, I delved into the world of front-end web development,
utilizing HTML, CSS, and JavaScript to build functional and engaging user interfaces. This report
outlines the specific projects undertaken, detailing the technical approaches and tools employed.

It explores the challenges encountered throughout the development process and the innovative
solutions devised to overcome them, showcasing the evolution of my problem-solving and
technical skills. Furthermore, the report reflects on the invaluable experience gained in
collaborating with team members and communicating effectively within a professional setting.

This internship at Motion Cut has demonstrably improved my technical abilities and soft skills,
solidifying my career aspirations in web development and preparing me for future opportunities .
 Table of Content

CHAPTER NO. TITLE PAGE NO.

1 About the Company 1

2 Task Performed 2

2.1 Overview of Language Used 2

2.2 Design 5

2.3 Programming 6

2.4 Testing 13

2.5 Snapshots 15

3 Reflection 17

3.1 Experience 17

3.2 Technical 17

3.3 Non-Technical 18

4 Conclusion 19

5 References 20
 CHAPTER 1
ABOUT THE COMPANY

At Motion Cut, we are passionate about video production and digital media. We specialize in
creating captivating and engaging videos that leave a lasting impression on audiences. Our
talented team of video editors, motion graphics artists, cinematographers, graphic designers,
web developers, and Canva designers work together to bring ideas to life.
Motion Cut have its own services such as,
●
Web design and development.
●
IT Service.
●
Android app Development.

1
 CHAPTER 2
TASK PERFORMED

2.1 OVERVIEW OF LANGUAGE USED

➢
Hypertext Markup Language (HTML)
Hypertext Markup Language (HTML) is the standard markup language for creating web
pages and web applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a triad
of cornerstone technologies for the World Wide Web.
● Web browsers receive HTML documents from a web server or from local storage and
render the documents into multimedia web pages.
●
HTML describes the structure of a web page semantically and originally included cues for
the appearance of the document.
●
HTML elements are the building blocks of HTML pages. With HTML constructs, images
and other objects such as interactive forms may be embedded into the rendered page.
●
HTML provides a means to create structured documents by denoting structural semantics
for text such as headings, paragraphs, lists, links, quotes and other items.
●
HTML elements are delineated by tags, written using angle brackets.
●
Tags such as <img/> and </input> directly introduce content into the page. Other tags such
as surround and provide information about document text and may include other tags as
sub-elements.
●
Browsers do not display the HTML tags, but use them to interpret the content of the page.
●
HTML can embed programs written in a scripting language such as JavaScript, which
affects the behavior and content of web pages.
●
HTML describes the structure of Web pages using markup. HTML elements are represented
by tags.
●
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on.
● Browsers do not display the HTML tags, but use them to render the content of the page.
●
The text and tags of the entire HTML document must be surrounded by a set of <HTML>…
</HTML>tags.

A Simple HTML Document

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

2
<h1>My First Heading</h1>
<p>My first paragraph</p>
</body>
</html>

The example is explained as:

● The <!DOCTYPE html> declaration defines this document to be HTML5.
● The <html> element is the root element of an HTML page.
● The <head> element contains meta information about the document.
● The <title> element specifies a title for the document.
●
The <body> element contains the visible page content.
●
The <h1> element defines a large heading.
➢
JavaScript
What is JavaScript?
●
JavaScript was designed to add interactivity to HTML pages
●
JavaScript is a scripting language (a scripting language is a lightweight programming
language)
●
A JavaScript consists of lines of executable computer code
●
A JavaScript is usually embedded directly into HTML pages
●
JavaScript is an interpreted language (means that scripts execute without preliminary
compilation)
Are Java and JavaScript the Same?
● NO! Java and JavaScript are two completely different languages in both concept and
design!
● Java (developed by Sun Microsystems) is a powerful and much more complex
programming language - in the same category as C and C++.
What can a JavaScript Do?
JavaScript gives HTML designers a programming tool - HTML authors are normally not
programmers, but JavaScript is a scripting language with a very simple syntax! Almost anyone
can put small "snippets" of code into their HTML pages
JavaScript Syntax
● Unlike HTML, JavaScript is case sensitive.
● Dot Syntax is used to combine terms.

for example, document.Write("Hello World")

●
Certain characters and terms are reserved.
●
JavaScript is simple text (ASCII).

3
➢
About PHP
Introduction to PHP
● The full form of PHP is “Hypertext Preprocessor”. Its original name was “Personal Home
Page”
● Rasmus Lerdorf software engineer, Apache team member is the creator and original driving
force behind PHP. The first part of PHP was developed for his personal use in late 1994.
●
By the middle of 1997, PHP was being used on approximately 50,000 sites worldwide.
●
PHP is server-side scripting language, which can be embedded in HTML or used as a stand-
alone.
●
PHP doesn’t do anything about what a page looks and sounds like. In fact, most of what
PHP does is invisible to the end user.
●
Someone looking at a PHP page will not necessarily be able to tell that it was not written
purely in HTML, because usually the result of PHP is HTML.
●
PHP is an official module of Apache HTTP Server.
●
PHP is fully cross-platform, meaning it runs native on several flavors of Unix, as well as on
Windows and now on Mac OS X.
Advantages of PHP
● Cost: PHP costs you nothing. It is open source software and doesn’t need to purchase it for
development.
● Ease of Use: PHP is easy to learn, compared to the others. A lot of Ready-made PHP scripts
are freely available in market so, you can use them in your project or get some help from
them.
● HTML- Support: PHP is embedded within HTML; In other words, PHP pages are ordinary
HTML pages that escape into PHP mode only when necessary. When a client requests this
page, the web server preprocesses it. This means it goes through the page from top to
bottom, looking for sections of PHP, which it will try to resolve.
●
Cross-platform compatibility: MySQL run native on every popular flavor of Unix and
windows. A huge percentage PHP and of the world’s HTTP servers run on one of these two
classes of operating system.
● PHP is compatible with the three leading Web servers: Apache HTTP Server for Unix and
Windows, Microsoft Internet Information Server, and Netscape Enterprise Server.
● Stability: The word stable means two different things in this context: The server doesn’t
need to be rebooted often and the software doesn’t change radically and incompatibly fro m
release to release.
● Speed: PHP is zippy in its execution, especially when compiled as and Apache module on
the Unix side. Although it takes a slight performance hit by being interpreted rather than
compiled.

4
➢
MySQL
MySQL Database Management System
● MySQL, the most popular Open Source SQL database management system, is developed,
distributed, and supported by MySQL AB.
● MySQL AB is a commercial company, founded by the MySQL developers. It is a second
generation Open Source Company that unites Open Source values and methodology with a
successful business model.
MySQLFeatures:
●
MySQL is a database management system.
● MySQL is a relational database management system.
● MySQL software is Open Source.
● The MySQL Database Server is very fast, reliable, and easy to use.
● MySQL Server works in client/server or embedded systems.
●
A large amount of contributed MySQL software is available.

2. DESIGN
1. OVERVIEW
Today also we have to go to the diagnostic center, wait in the queue to get our COVID-
19 test done. As Technology is growing rapidly, we are also moving to a technical world where
everything we want to be online. So, with the help of this project we are bringing the use of
technology in the field of medical diagnosis where patients can avail all the diagnosis facilities
at their door steps. This project makes the diagnosis process easy and reduces the burden of
patients.

2. OUTPUT DESIGN
In the output design, the emphasis is on producing a hard copy of the information
requested or displaying the output on the CRT screen in a predetermined format. Two of the
most output media today are printers and the screen. Most users now access their reports from a
hard copy or screen display. Computer’s output is the most important and
direct source of information to the user, efficient, logical, output design should improve the
systems relations with the user and help in decision-making.

3. INPUT DESIGN
In the input design, user-oriented inputs are converted into a computer based system
format. It also includes determining the record media, method of input, speed of capture and
entry on to the screen. Online data entry accepts commands and data through a keyboard. The
major approach to input design is the menu and the prompt design. The data flow diagra m
indicates logical data flow, data stores, source and destination.

5
 Input data are collected and organized into a group of similar data. Once identified input
media are selected for processing. In this software, importance is given to develop Graphical
User Interface (GUI), which is an important factor in developing efficient and user- friendly
software. For inputting user data, attractive forms are designed. User can also select desired
options from the menu, which provides all possible facilities.

2.2.4 LOGICAL DESIGN

Logical data design is about the logically implied data. Each and every data in the form
can be designed in such a manner to understand the meaning. Logical data designing should
give a clear understanding and idea about the related data used to construct a form.

2.3 PROGRAMMING
Ecommerce website
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Foodie - Supper delicious Burger in town!</title>
<!--
- favicon
-->
<link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml">
<!--
- custom css link
-->
<link rel="stylesheet" href="./assets/css/style.css">
<!--
- google font link
-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Rubik:wgh
t@400;500;600;700&family=Shadows+Into+Light&display=swap"
rel="stylesheet">
6
<link rel="preload" as="image" href="./assets/images/hero-banner.png" media="min-
width(768px)">
<link rel="preload" as="image" href="./assets/images/hero-banner-bg.png"
media="min-width(768px)">
<link rel="preload" as="image" href="./assets/images/hero-bg.jpg">
</head>
<body id="top">
<!--
- #HEADER
-->
<header class="header" data-header>
<div class="container">
<h1>
<a href="#" class="logo">Food Club<span class="span">.</span></a>
</h1>
<nav class="navbar" data-navbar>
<ul class="navbar-list">
<li class="nav-item">
<a href="#home" class="navbar-link" data-nav-link>Home</a>
</li>
<li class="nav-item">
<a href="#about" class="navbar-link" data-nav-link>About Us</a>
</li>
<li class="nav-item">
<a href="#food-menu" class="navbar-link" data-nav-link>Shop</a>
</li>
<li class="nav-item">
<a href="#blog" class="navbar-link" data-nav-link>Blog</a>
</li>
<li class="nav-item">
<a href="#" class="navbar-link" data-nav-link>Contact Us</a>
</li>
</ul>
</nav>

7
<div class="header-btn-group">
<button class="search-btn" aria-label="Search" data-search-btn>
<ion-icon name="search-outline"></ion-icon>
</button>
<button class="btn btn-hover">Reservation</button>
<button class="nav-toggle-btn" aria-label="Toggle Menu" data-menu-toggle-btn>
<span class="line top"></span>
<span class="line middle"></span>
<span class="line bottom"></span>
</button>
</div>
</div>
</header>

TO DO List

Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Todo List</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<main class="main">
<div class="container">
<h2>Todo list</h2>
<div class="input-group">
<input type="text" id="text-input-field" autofocus>
<button id="add-button" type="button">
<img src="add.svg" alt="add">
</button>
</div>
8
 <!-- input-group end -->
<div class="todos-container">
<!-- <div class="todo-item-container">
<p id="todo-text">gym</p>
<button id="edit-button">
<img src="edit.svg" alt="edit">
</button>
<button id="delete-button">
<img src="delete.svg" alt="delete">
</button>
</div> -->
<!-- todo-item-container end -->
</div>
<!-- todos-container end -->
</div>
<!-- container end -->
</main>
<!-- JAVASCRIPT -->
<script src="app.js"></script>

</body>

</html>

Professional portfolio
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio | Arpit Kumar</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="experience/style.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.3/css/all.min.css" integrity="sha512-

9
</head>
<body oncontextmenu="return false">

<!-- navbar starts -->

<header>
<a href="/" class="logo"></i> Arpit Kumar </a>

<div id="menu" class="fas fa-bars"></div>

<nav class="navbar">
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section class="home" id="home">
<div id="particles-js"></div>
<div class="content">
<h2>Hi There,<br/> I'm <span> Arpit Kumar</span></h2>
<p>i am into <span class="typing-text"></span></p>
<a href="#about" class="btn"><span>About Me</span>
<i class="fas fa-arrow-circle-down"></i>
</a>
<div class="socials">

<ul class="social-icons">

10
<section class="about" id="about">
<h2 class="heading"><i class="fas fa-user-alt"></i> About <span>Me</span></h2>

<div class="row">

<div class="image">
<img draggable="false" class="tilt" src="assets/images/img.jpg" alt="">
</div>
<div class="content">
<h3>I'm Arpit Kumar</h3>
<span class="tag">Computer Science Student</span>

<p>Ambitious person seeking to establish a lucrative career in the industry.

has a solid foundation in programming,I am well-versed in Java programming and
frameworks and have a high aptitude for learning new things rapidly and adjusting
to new technologies. </p>

<div class="box-container">
<div class="box">
<p><span> email : </span> [email protected]</p>
<p><span> place : </span> Bangalore, India</p>
</div>
</div>

<div class="resumebtn">
<a href="assets/images/Pratyush_CV.pdf" download target="_blank"
class="btn"><span>Resume</span>
<i class="fas fa-chevron-right"></i>
</a>
</div>

</div>
</div>
</section>

11
<section class="education" id="education">
<h1 class="heading"><i class="fas fa-graduation-cap"></i> My
<span>Education</span></h1>

<p class="qoute">Education is not the learning of facts, but the training of the mind
to think.</p>

<div class="box-container">
<div class="box">
<div class="image">
<img draggable="false" src="assets/images/education/Sairam.jpg" alt="">
</div>
<div class="content">
<h3>Sri Sairam College of Engineering , Bangalore </h3>
<p>B.E in Computer Science & Engineering</p>
<h4>2020-2024 | Pursuing🎓</h4>
</div>
</div>

<div class="box">
<div class="image">
<img draggable="false" src="assets/images/education/Amrit.jpg" alt="">
</div>
<div class="content">
<h3>Amrit Public School,Mau</h3>
<p>Higher Secondary School (CBSE) </p>
<h4>2018-2020 </h4>
</div>
</div>

<div class="box">
<div class="image">
<img draggable="false" src="assets/images/education/Central.png" alt="">
</div>

12
<section class="skills" id="skills">
<h2 class="heading"><i class="fas fa-laptop-code"></i> Skills &
<span>Abilities</span></h2>
<div class="container">
<div class="row" id="skillsContainer“>
<div class="bar">
<div class="info">
<img src="assets/images/skills/C.png" width="100px" height="100px"/>
<span>C Language</span>
</div>
</div>
<div class="bar">

4. TESTING
Project Testing is an investigation conducted to determine the quality of the project and
the services provided by the project. Testing is the process of analysing a project to detect the
differences between existing and required conditions (i.e., defects/errors/bugs) and to evaluate
the features of the project. After complete development of the project, it is mandatory to test
the project. The main motive of the project testing is to identify whether project is able to meet
user requirements or not. To know the better performance of project we have to develop
various test cases. Now, designing good test cases is a complex are. The complexity comes
from three sources. Test cases help us discover information. Different types of tests are more
effective for different classes of information. Test cases can be “good” in a variety of ways. No
test case will be good in all of them. Tend to create test cases according to certain testing styles,
such as domain testing or risk-based testing. Good domain tests are different from good risk-
based tests.

1. TESTING OBJECTIVES
The main objective of testing is to uncover a host of errors, systematically and with
minimum effort and time. Stating formally, can be said as, Testing is a process of executing a
program with the intent of finding an error. A successful test is one that uncovers an as yet
undiscovered error. The tests are inadequate to detect possibly present errors. The software
more or less confirms to the quality and reliable standards. The most important activity at the
implementation stage is the system testing with the objective of validating the system against
the designed criteria. During the development cycle, user was involved in all the phases that are
analysis, design and coding. Firstly, the lower-level modules are coded and then are integrated

13
together. Thus, before implementation, it involves the testing of the system. The testing phase
involves testing first of separate parts of the system and then finally of the system as a whole.
Each independent module is tested first and then the complete system is tested. This is the most
important phase of the system development. The testing phase consists of the following steps:

➢
Unit Testing
The purpose of the coding and unit testing phase of software development is to translate
the software design into source code. Each component of the design is implemented as a
program module. The end-product of this phase is a set of program modules that have been
individually. To enable the engineers to write good quality programs, every software
development organization normally formulates its own coding standards that suit itself. A
coding standard addresses issues such as the standard ways of laying out the program codes,
the template for laying out the function and module headers, commenting guidelines, variable
and function naming conventions, the maximum number of source lines permitted in each
module, and so forth.

➢
Integration And System Testing
Integration of different modules is undertaken once have been coded and unit tested.
During the integration and system testing phase, the modules are integrated in a planned
manner. The different modules making up a software product are almost never integrated in
one shot. Integration is normally carried out incrementally over a number of steps. During each
integration step, the partially integrated system is tested and a set of previously planned
modules are added to it. Finally, when all the modules have been successfully integrated and
tested, system testing is carried out. The goal of system testing is to ensure that the developed
system conforms to its requirements laid out in the SRS document. Our project is integrated
and tested by using an activity by name testing is the system testing performed by the
development team.

➢
RegressionTesting
Regression testing is the testing after modification of a system, component, or a group
of related units to ensure that the modification is working correctly and is not damaging or
imposing other modules to produce unexpected results. It falls under the class of black box
testing.

➢
Beta Testing
Beta testing is the testing which is done by end users, a team outside development, or
publicly releasing full pre-version of the product which is known as beta version. The aim of
beta testing is to cover unexpected errors. It falls under the class of black box testing.

14
2.5 SNAPSHOTS

Fig. 2.1 Ecommerce website

Fig. 2.2 To-Do List

15
Fig. 2.3 Portfolio

16
 CHAPTER 3
REFLECTION

1. EXPERIENCE
My internship at Motion Cut has taught me more than I could have imagined. As the
intern, I feel my duties were diverse, and ever-changing. Sometimes it’s tough to recall
everything I have taken in over the past months, but I feel that these are some of the most
beneficial lessons I have learned.
What I’ve Learned:
● I’m not alone: Coming into this position, I felt that I had no idea where my career
was going and I lacked confidence about what I could do and what I am really good at.
My internship has definitely given me a better understanding of my skill set and where
my career may take me. This job has taught me that almost everybody is in my same
position. Very few college students know what has to be done, and it is something that
is simply not worth worrying about. Thanks to my I know that if I continue to work hard
things will fall into place.
● To keep writing: This was huge for me. I have always enjoyed writing, and always felt that
I was pretty good at it. Yet, what this position taught me is that I really didn’t have
the writing skills I thought I had. Writing takes practice and I simply was not
practicing enough. I had to learn to adapt a new tone with my writing, something that took
a little getting used to. This position kept me writing something new every day, and I can
say that my writing has improved drastically.
● How to behave in the office: This being my first position in an office atmosphere, I didn’t
know exactly what to expect. The environment here at Experience is quite relaxed, yet it
taught me how to behave in the workplace. Simply working in the office and getting used
to everything here has definitely prepared me for whatever my next position may be.
● How to build my resume: Like I said, this internship has improved my skills a ton, both
off paper and on paper. I didn’t realize it all of this time, but this position served not
only as a positive learning experience, but a resume builder as well.

3.2 TECHNICAL
As part of testing at Motion Cut, I was working as a web development intern. In
one month I have been here, I have made more intellectual discoveries than I can count: all
thanks to the mentorship and patience of the team I have been working with.
Here are my Technical Experiences:
● Be meticulous: as an intern, a student need to be more careful and attentive while
receiving inputs from professionals. A student need to consider all modules while testing
without leaving any cases.

17
● Take notes (and study hard): Almost every day that I’ve been at Take It Smart Pvt
Ltd, I’ve felt like I’m drinking from a fire hose. The amount of sheer knowledge and
wisdom that comes spouting out from the mouths of Trainer is enough to make anyone’s
head swim. Much to my relief, these guys are very well-structured and patient in the way
they teach, so everything clicks neatly into place. On top of this, I have a Weekly
Planner where I jot down all the tasks that we need to tackle every day, and a non-lined
notebook for drawing out flowcharts for more complicated programming logic and wire
frames.
● Don’t reinvent the wheel: One of the things I discovered was that Trainer had set up an
incredible system, with his own fully-customized style sheets and a style guide that would
make any documentation heart sing. Before I became familiar with the system, I was
tempted to create certain classes that I figured would be easy for me to access and apply.

3.3 NON-TECHNICAL
● There are always lots of things to learn from seniors. Below mentioned are some of my
non- technical experiences beside technical experiences that I experienced working at
Take It Smart Pvt Ltd.
● Get involved in the company: Sounds simple, right? But when you’re juggling a lot of
tasks and trying to get yourself oriented at a new company, it’s easy to forget the
little things that matter to the people around you. On our first day at the company, the
other intern and I were encouraged to sign up for Twitter. I have been tweeting posts
about company events and new product features that our team has been working on. It’s
an easy way to get involved, and shows that you actually care about where you work.
● Ask questions but more importantly, listen: Trainers, very kindly told us that “there are no
stupid questions,” and that we are encouraged to ask whatever comes to mind. I, on
the other hand, firmly believe there is such thing as a stupid question. Usually those
occur when you just haven’t been paying attention, or when you’re too lazy to think for
yourself about what has been said. Asking questions is important, particularly when you
genuinely don’t understand something. But listening to answers is even more so. Take the
time to listen to what is being said, and think about it.
● Know whom to talk to: One of the great things about this internship was that we were
encouraged to reach out to members of other teams to discuss what product features they
wanted, and how we could implement them. We learned to defer to their expertise in some
respects, and to the judgement of our Product team in others. For example, we were tasked
with building the tabs on the broker dashboard so that the leads that have been submitted
by a broker are neatly divided into Active, Inactive, and Settled. These tasks required
liaising with the Head of Third-Party Partnerships so that the functionality and language
of the feature was suitable for the broker audience.

18
 CHAPTER 4
CONCLUSION

In conclusion, my internship at Motion Cut was a valuable learning experience that helped me
gain practical skills and insights into Web Development. Through the program, I was able to
achieve my objectives of learning how to develop and deploy scalable web applications using
various technologies. I believe I made a meaningful contribution to the organization by
developing a feature or fixing a bug in a project. Overall, the internship provided me with a
deeper understanding of Web Development and enhanced my professional development. I am
grateful for the opportunity and look forward to applying the knowledge and skills I gained in
my future career as a Web Developer.

19
 CHAPTER 5
REFERENCES

● http://stackoverflow.com – Stack Overflow

● https://www.w3schools.com/html/ - W3Schools HTML
● https://www.w3schools.com/css/ - W3Schools CSS
● https://www.w3schools.com/js/ - W3Schools JS
● https://www.w3schools.com/Bootstrap4/ - W3Schools Bootstrap4

20