FULL STACK DEVELOPMENT

INTERNSHIP REPORT

Submitted to
Visvesvaraya Technological University
Belagavi - 590018

By

Manoj M N
USN: 4SU21CS052

Under the guidance of

Mr. Pradeep Rao K B
Assistant Professor

In partial fulfilment 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
Manoj M N, USN: 4SU21CS052, 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 indicatedfor 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 theInternship prescribed for the said
Degree.

Mr. Pradeep Rao K B Mr. Ravi Kumar 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., for his valuable guidance and encouragement while doing my
internship.

I am indebted to Dr. Thyagaraju G S, Head of the Department, 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.

Manoj M N

USN: 4SU21CS052

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 Travel Web Page 09

iv
 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 27th 2023, and November 25th 2023.

One of the main focuses 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 strongresume

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 weneed a
strong database
 We need to build a world class team armed with knowledge and backed by technologyto
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 plana
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 your
priorities.
 Our objective is to globalism, organize, standardize and goal of journey towards
perfectionism
 Our objective is to make strong relationship with customers so that they can enjoy the
holiday of their dreams.
 Our objective is just an initiative, it will be made to more further and developed work ofart.

4
 4. Weekly Overview of Internship
The internship was carried out for four weeks starting from 27th October to 18st 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
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,
andNode.js in web development.
1/11/2023 Wed Dive into MongoDB and Mongoose.

2/11/2023 Thu
Learn basic MongoDB commands and queries.
3/11/2023 Fri
Integrate MongoDB with Node.js using Mongoose for
datamodelling.
4/10/2023 Sat Building the Backend with Node.js and
Express.jsSetting 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

errorhandling

7/11/2023 Tue Working with APIs.

Develop RESTful APIs using Express.js.

8/11/2023 Wed Frontend Development

withReact.js
9/11/2023 Thu Learn the basics of React components, JSX, and state.
Setup 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
usingRedux Thunk middleware.
17/11/2023 Fri Learn about security best practices.
Deploy the MERN application to a hosting platform
likeHeroku 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 used
by 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 high
availability 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, MacOS
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 standards
such 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
 Declaring of result

Figure 5.1: Travel web page Figure 5.2 Travel 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 ensurethat
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 into
practice.

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'taffect

the work.

• Developing appropriate workplace attitudes, understanding and managing personal

behaviour.

Technical Outcomes

Various technical outcomes are as follows:

• 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

Various non-technical outcomes are as follows:

• 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] Booking.com, "Booking.com | Official site | the best hotels & accommodations," Available:
https://www.booking.com/. [Accessed: May 6, 2024].

[2] Trip advisor, "Trip advisor: Read Reviews, Compare Prices & Book," Available:
https://www.tripadvisor.com/. [Accessed: May 6, 2024].

[3] Airbnb, "Vacation Rentals, Homes, Experiences & Places - Airbnb," Available:
https://www.airbnb.com/. [Accessed: May 6, 2024].

13