FULL STACK DEVELOPMENT

INTERNSHIP REPORT

Submitted to
Visvesvaraya Technological University
Belagavi – 590 018

by
Lavanya L Karoshi
USN:4SU21CS045

Under the guidance of

Mr. Pradeep Rao K B
Assistant Professor

in partial fulfillment of the requirements for the award of the degree of

Bachelor of Engineering

Department of Computer Science Engineering

SDM INSTITUTE OF TECHNOLOGY

UJIRE - 574 240
2023-2024
 SDM INSTITUTE OF TECHNOLOGY
(Affiliated to Visvesvaraya Technological University, Belagavi)
UJIRE – 574 240

Department of Computer Science Engineering

CERTIFICATE

Certified that the Internship Report titled ‘Full Stack Development’ is carried out by
Ms.Lavanya L Karoshi, USN: 4SU21CS045, a bonafide student of SDM Institute of Technology,
Ujire, at Thaniya Technologies, in partial fulfilment for the award of the degree of Bachelor of
Engineering in Computer Science and Engineering of Visvesvaraya Technological University,
Belagavi during the year 2023- 2024. It is certified that all the corrections/ suggestions indicated
for Internal Assessment have been incorporated in the report deposited in the departmental
library.The report has been approved as it satisfies the academic requirements in respect of the
Internship prescribed for the said Degree.

Mr. Pradeep Rao K B Mr. Ravikumar Dr. Thyagaraju G S

Internship Guide Internship Coordinator HOD

Signature with date and seal:

Viva-voce
Name of the Evaluators: Signature with Date

1.

2.
 Acknowledgement

I express my deepest gratitude to my guide Mr.Shyam Kumar, trainer of Thaniya

Technologies, Mangalore for his valuable guidance and encouragement while doing my
internship.

I am indebted to Dr.Thyagaraju G S, Head of the Department of Computer Science and

Engineering and Internship Guide Mr. Pradeep Rao K B, Asst. Professor, for their advice
and suggestions at various stages of Work.

I am also grateful to the co-operation and help rendered by the teaching and non- teaching
staff of the department.

Lavanya L Karoshi

USN: 4SU21CS045

i
 Table of Contents
Page No.
Acknowledgment i

Table of Contents ii

List of Figures iii

List of Tables iv

1. Executive Summary 1

2. Company Profile 2

2.1 About Company 2

2.2 Internship Program Objective 2

2.3 Mission and vision of the company 3

2.4 Strength of the Company 3

3. Problem Statement and Objectives 4

3.1 Problem Statement 4

3.2 Objectives 4

4. Weekly Overview of Internship 5

5. Training Outline 7

5.1 Technologies used 7

5.2 Tools used 8

5.3 Methodology used 9

6. Testing 10

7. Conclusion 11

7.1 Outcomes of the Internship 12

8. Bibliograpy 13

ii
 List of Figures

Page No.

Figure 2.1 Services Provided by Thaniya Technologies 03

Figure 5.1 Restaurant Web Page 09

 List of Tables

Page No.

Table 4.1 Week 1 work done 5

Table 4.2 Week 2 work done 5

Table 4.3 Week 3 work done 6

Table 4.4 Week 4 work done 6

Table 6.1 Browsing Compatibility 10

iii
 1. Executive Summary

This report covers the work I did as an intern at Thaniya Technologies in Mangalore between
October 25th 2023, and November 25th 2023.

One of the main focus of my internship is web development. Learning about web programming
and its applications is the internship's learning goal. The design and development of websites is the
focus of this activity, which gives us the chance to discover where we perceive the biggest possibility
to grow and expand ourselves. During our internship, we learned a variety of programming abilities,
including HTML, CSS, Bootstrap, JavaScript, and MongoDB. was able to use JavaScript to
independently create a few web pages, building a dice game, designing a drum kit using JavaScript,
student registration form, and login page.

Overall, I learned a lot from this internship. Along with meeting a lot of new individuals, I have also
learned new things. My acquired skills will enable me to advance both personally and
professionally in the future. The outcome I obtained exceeded my expectations. From a personal
perspective standpoint, this internship improved my communication abilities overall.

My primary reason for selecting Thaniya Technologies was their ability to provide me with a
professional, fast-paced, and extremely dynamic work atmosphere, as well as the opportunity to
apply the skills I learned in college to a real-world business setting. It is one of the few
organizations that supports our professional advancement and gives me the freedom to be an
employee. The primary goal of this internship is to gain real-world job experience in the subject of
study so that theoretical knowledge may be put to the test via practical labour and then used in a
real-world setting. Through this internship, I was able to connect my statistical knowledge from the
classroom to practical applied research or data science applications.

1
 2. Company Profile

2.1 About Company

With the assistance of our skilled technical staff, which specializes in offering incredibly effective
and efficient solutions, Thaniya Technologies strives to empower and improve people's lives with
profoundly creative IT solutions. bringing your aspirational objectives to life.

Core Values:
1. Our collaborative approach and cross-functional team structure guarantee that all customer
comments and evaluations are integrated into the development process. This is done to ensure
timely delivery of good results without sacrificing affordability or quality.
2. We offer services that address every facet of developing an app. Our partners may
concentrate on their main business goals instead of having to deal with managing several
teams.
3. We are aware of how crucial it is to launch your product as soon as possible in order to beat
out the competition. To ensure that your product is launched on schedule, our team will work
closely with you at every stage of the process.

2.2 Internship Program Objective

The major objectives of internship are:
 To expose students to a particular job and a profession or industry.
 To provide students with opportunity to develop skills in the field of interest.
 To assist students in gaining vital work-related experience and building strong
resume for bright career.

 To help students in developing business contacts i.e. creating network contacts.

 To help students potentially land permanent or contractual jobs from host company.

2
2.3 Mission Vision of the Company

• Future Task force with Quality internship and training.

• Provide IT solution in various domain.

• Get Recognized by Government and other Quality Assurance bodies.

• To Provide Quality Service and Solution in the field of Information Technology.

2.4 Strength of the Company

• Mutually beneficial and long-lasting relationships with customers.

• Integrity and diligence in all actions.

• Company believes that people are greatest assets.

• Being creative and innovative to achieve superior quality in all their undertakings.

Figure 2.1: Services provided by Thaniya Technologies

3
 3. Problem Statement and Objectives
3.1 Problem Statement

The purpose of website is established fact that Internet users are increasing today. One of the main
purposes of the website is to facilitate the offline customer online because customers cannot spend
their precious time in markets trying to find out the best deal.

India is a country where in a few days holiday, you can enjoy a lot. The problem is that we although
having many websites but they offer different kind of services. The customers are enjoying a lot but
there is a lack of relationship between travel agency and customers and hence we are establishing
that relationship by caring and serving all customers in the same manner that we wish to be served

Our priority will be our customers and their travel requirements.

 There will be many users visiting the portal and hence we require a strong and reliable
frontend which can withhold the users on our site.
 The data we will be consisting is very important that can help everyone and hence we need a
strong database
 We need to build a world class team armed with knowledge and backed by technology to
advise customers in planning of their holidays and to answer their queries.
 We will be putting an effort to provide the right choice to the people when they plan a
holiday and beware them from the false advertising.

3.2 Objectives

Our objective is:

 To offer a variety of travel services that are sure to match all yourpriorities.
 To globalism, organize, standardize and goal of journey towardsperfectionism
 To make strong relationship with customers so that they can enjoy the holiday of their
dreams.
 To just take an initiative, it will be made to more further and developed work of art.

4
 4. Weekly Overview of Internship
The internship was carried out for four weeks starting from 27th October to 25th November,
2023. The following tables provide the description of daily work done in four weeks.

Table 4.1: Week 1 Work Done

Date Day Task/ Topic Completed

27/10/2023 Fri
Frontend Basics
Learn basic HTML tags and structure
Understand CSS for styling web pages
JavaScript Fundamentals and Basic UI interactions with
Week -I

JavaScript

28/10/2023 Sat Frontend Framework (React)

Setting up a React project
Components and Props
React Router for navigation

Table 4.2: Week 2 Work Done

Date Day Task/ Topic Completed

30/10/2023 Mon Introduction to MERN stack.

31/10/2023 Tue
Understand the role of MongoDB, Express.js, React.js, and
Node.js in web development.
1/11/2023 Wed Dive into MongoDB and Mongoose.
Week-II

2/11/2023 Thu
Learn basic MongoDB commands and queries.
3/11/2023 Fri
Integrate MongoDB with Node.js using Mongoose for data
modelling.
4/10/2023 Sat Building the Backend with Node.js and Express.js
Setting up the Express.js server.
Create routes for handling different HTTP requests

5
 Table 4.3: Week 3 Work Done

Date Day Task/ Topic Completed

6/11/2023 Mon Implement middleware for authentication and error

handling

7/11/2023 Tue Working with APIs.

Develop RESTful APIs using Express.js.
Week -III

8/11/2023 Wed Frontend Development with

React.js
9/11/2023 Thu Learn the basics of React components, JSX, and state. Set
up a simple React application.

10/11/2023 Fri
Connect the frontend and backend using Axios or Fetch.
Implement user authentication.
Create forms in React for user input.

Table 4.4: Week 4 Work Done

Date Day Task/ Topic Completed

16/11/2023 Thu Integrate Redux for state management.

Create actions, reducers, and connect
components.
Manage asynchronous operations using
Redux Thunk middleware.
Week -IV

17/11/2023 Fri Learn about security best practices.

Deploy the MERN application to a hosting platform like
Heroku or AWS.

18/11/2023 Sat Implement unit and integration tests.

Debug and optimize the application.
Work on a final project that integrates all learned concepts.

6
 5. Training Outline

5.1 Technologies used

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.

CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of
a document written in a markup language like HTML. CSS is a cornerstone technology of the
World Wide Web, alongside HTML and JavaScript.

Bootstrap
Bootstrap is a free and open-source front-end framework (library) for designing websites and web
applications. It contains HTML- and CSS-based design templates for typography, forms, buttons,
navigation and other interface components, as well as optional JavaScript extensions.

NodeJS

NodeJS Node.js is an open source, a system application and furthermore is an environment for
servers. Nodejs is an independent development platform built on Chrome's JavaScript Runtime that
we can build network applications quickly and easily.

Express.js

Express.js is a framework built on top of Nodejs. It provides powerful features for web or mobile
development. Express.js supports HTTP and middleware methods, making the API extremely
powerful and easy to use.

Express implements extra features to developer which help them get a better programming
environment, not scaling down the speed of NodeJS.

7
MongoDB

MongoDB is an open-source database it is also the leading NoSQL (*) database currently usedby
millions of people. It is written in one of the most popular programming languages today.
In addition, MongoDB is cross-platform data that operates on the concepts of Collections and
Documents, providing high performance with highavailability and ease of expansion.

ReactJS

ReactJS is a JavaScript library that is used to build reusable UI components. It was created by
Jordan Walke, a software engineer at Facebook, and was initially developed and maintained by
Facebook 1. ReactJS is responsible only for the view layer of the application and is an open-
source, component-based front-end library.

Virtual-DOM

Virtual-DOM is a JavaScript object, each object contains all the information needed to create a
DOM, when the data changes it will calculate the change between the object and the real tree,
which will help optimize re-render DOM tree. It can be assumed that is a virtual model can
handle client data.

Component

React is built around components, not templates like other frameworks. A component can be
created by the create Class function of the React object, the starting point when accessing this
library.

5.2 Tools Used

Visual Studio Code

Visual Studio Code is a free and open-source source-code editor that supports a wide range of
programming languages, including C, C++, Java, JavaScript, Python, and more. It is available
on Windows, macOS, and Linux platforms. It is built on the Electron framework, which is used
to develop Node.js web applications that run on the Blink layout engine. Visual Studio Code
comes with built-in support for JavaScript, TypeScript, and Node.js and has a rich ecosystem
of extensions for other languages and runtimes.

8
Google Chrome Web Browsers

The Google Chrome Web browser is based on the open-source Chromium project. Google released
Chrome in 2008 and issues several updates a year. It is available for Windows, Mac OS and Linux
operating systems. The Google Chrome browser takes a sandboxing- based approach to Web
security. Each open website runs as its own process, which helps prevent malicious code on one
page from affecting others. The browser also supports Web standardssuch as HTML5 and cascading
style sheets (CSS).

5.3 Methodology Used

Concept of Stack technology

The technical stack is a combination of technologies/frameworks/programming languages, etc. to
create a complete software. With current software, there are usually two parts: client side and
server side, also known as frontend and backend. Therefore, people also split the backend stack,
the frontend stack as well. We often use the first letter to name the technical stack: MEAN
(MongoDB, Express, Angular, NodeJS).

Plan of Action

 Making of front end.

 Creating various table in database as needed.
 Connection of front end to back end (connection of forms to database).
 Updation of candidates detail by admin.
 Doing respective jobs

Figure 5.1: Restaurant web page

9
 6.Testing

Testing Procedure
Unit testing focuses verification effort on the smallest unit of software design that is the module.
Using procedural design description as a guide, important control paths are tested to uncover
errors within the boundaries of the module. The unit test is normally white box testing oriented
the step can be conducted in parallel for multiple modules.

Validation Testing
At the end of integration testing software is completely assembled as a package. Validation testing
is the next stage, which can be defined as successful when the software functions in the manner
reasonably expected by the customer. Reasonable expectations are those defined in the software
requirements specifications. Information contained in those sections form a basis for validation
testing approach.

Integration Testing
Integration testing is a systematic technique for constructing the program structure, conducting
test to uncover errors associated with the interface. The objective is to take unit tested methods and
build a program structure that has been dictated by design.

Browser Compatibility
Testing Browser compatibility test is the test done to ensure that site runs on all browsers i.e
chrome, safari etc. these browsers run on different platforms so it is very important ensure that the
theme is all platform friendly.
Table 6.1: Browsing Compatibility

10
 7. Conclusion
This section of the report provides a brief overview of the work experience and evaluation that the
intern underwent while working for the company.

Outcome of the internship

While all students receive a degree, what distinguishes a student from another is the professional
experience they have by the time they graduate. The main benefit of participating in an internship
program is that students develop confidence from their job experience, which also makes them less
in need of training and more capable of handling more responsibility. I had a clear concept of my
major before I started college. Gaining work experience is a terrific method for me to become
familiar with a field I was interested in learning about, and exploring is a very significant part of the
academic process. This way, when I graduate, I will know that the degree I am receiving is the
proper one.
My internship at Thaniya Technologies provided me with a fantastic opportunity to advance my
knowledge and abilities as well as a clear understanding of the work landscape. As an intern, I was
able to learn about the structure and functions of an organization as well as—and perhaps most
importantly—the problems it faces and how it resolves them. This internship gave me the chance to
learn how to work, meet deadlines, and collaborate with others. The internship also yielded
transferable abilities, such as writing, teamwork, and communication, which are normally needed in
any career, in addition to particular knowledge in data mining. The most enjoyable aspect of my
internship is putting the theories and techniques I've learned in class intopractice.

The internship I have undergone at Thaniya Technology has provided the following benefits:

 Got job holding skills and as a result I have gained maturity, professionalism and self-
confidence. Initially topics were assigned and were asked to present power point
presentation which boosted my confidence and also my presentation skills.

 Learnt to address higher authorities with a specified manner.

 Learnt to behave professionally and ethically.

11
  Identifying, understanding and working with professional standards.

 Improving problem solving and critical thinking by handling a problem in a good

manner with occurrence of negative consequences.

 Learnt to behave professionally and ethically.

 Adapting effectively to changing conditions in a short period of time so that it won't affect
the work.

 Developing appropriate workplace attitudes, understanding and managing personal

behaviour.

Technical Outcomes
 Using profession specific terminology appropriately.

 Effectively utilized the tools and resources to complete a task.

 Maintaining and troubleshooting technology.

 Analysing or visualizing data to create information.

 Selecting appropriate technologies.

 Identifying and creating appropriate test cases for the application developed.

 Creating training materials.

Non-Technical Outcomes

 Working with diverse population.

 Identifying, understanding and working with professional standards.

 Improving problem solving and critical thinking skills.

 Developing appropriate workplace attitudes.

 Understanding and managing personal behavior and attitudes.

12
 8. Bibliography

[1] Yelp, "Yelp: Find Local Restaurants, Home Services, Cars & More," Available:
https://www.yelp.com/. [Accessed: May 6, 2024].

[2] Zomato, "Zomato | Best Restaurants, Grocery, Nightlife, Near you," Available:
https://www.zomato.com/. [Accessed: May 6, 2024].

[3] OpenTable, "Find Restaurants and Make Online Reservations," Available:

https://www.opentable.com/. [Accessed: May 6, 2024].

[4] Tripadvisor, "Tripadvisor: Read Reviews, Compare Prices & Book Restaurants," Available:
https://www.tripadvisor.com/Restaurants. [Accessed: May 6, 2024].

[5] Grubhub, "Grubhub: Food Delivery & Takeout from Local Restaurants," Available:
https://www.grubhub.com/. [Accessed: May 6, 2024].

13