VISVESVARAYA TECHNOLOGICAL UNIVERSITY

JNANA SANGAMA, BELAGAVI – 590014

An Internship Report on

“FULL STACK WEB DEVELOPMENT-

“PORTFOLIO GENERATOR”

Submitted in partial fulfilment of the requirements for the award of degree of

BACHELOR OF ENGINEERING
IN
COMPUTER SCIENCE AND ENGINEERING

Submitted by:
PARVEJ PINJARI
(2AG19CS043)

Internship carried out from 1/9/2022 to 30/9/2022 at

Tequed Labs, Bangalore

Internal Guide: External Guide:

Prof. Avanti Patil Mr. Supreeth Y S
Assistant Professor CEO & Developer
Dept of CSE, AITM Tequed Labs

ANGADI INSTITUTE OF TECHNOLOGY & MANAGEMENT

BELAGAVI-590009

2022-2023
 ANGADI INSTITUTE OF TECHNOLOGY & MANAGEMENT,

BELAGAVI -590009

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

Certificate
This is to certify that the internship work entitled “FULL STACK WEB DEVELOPMENT-
PORTFOLIO GENERATOR” is bonafide work carried out by Parvej Pinjari(2AG19CS043), in
partial fulfilment of the requirements for the award of the degree of Bachelor of Computer Science
& Engineering under Visvesvaraya Technological University, Belagavi during the year 2022-
2023. It is certified that all the correction/suggestion indicated for internal assessment have been
incorporated in the report. The Final Year internship report has been approved as it satisfies the
academic requirements in respect of major project work prescribed for the Bachelor of Engineering
degree.

Signature of Guide Signature of Co-Ordinator Signature of HOD Signature of Principal

Prof. Avanti Patil Prof. Kiran Itagi Prof. Dhanashree Dr. Anand Deshpande
Kulkarni
Assistant Professor, Assistant Professor, Professor and Head, Principal and Director,
Dept. of CSE, AITM Dept. of CSE, AITM Dept. of CSE, AITM AITM, Belagavi

Name of the Examiner: Signature with date:

1. .…………………… ……………………..

2. …………………….. ......…………………
 DECLARATION

I Parvej Pinjari (2AG19CS043), studying in the final semester of Bachelor of Engineering in

Computer Science and Engineering at Angadi Institute of Technology and Management, Belagavi,
hereby declare that this Project work entitled “FULL STACK WEB DEVELOPMENT-
PORTFOLIO GENERATOR” which is being submitted by me in the partial fulfilment for the
award of the degree of Bachelor of Engineering in Computer Science and Engineering from
Visvesvaraya Technological University, Belagavi is an authentic record of us carried out during the
academic year 2022-2023 under the guidance of Prof. Avanti Patil, Department of Computer Science
and Engineering, Angadi Institute of Technology and Management, Belagavi.

I further undertake that the matter embodied in the dissertation has not been submitted previously
for the award of any degree or diploma by me to any other university or institution.

Place: Belagavi Parvej Pinjari

Date:
 ACKNOWLEDGEMENT
The internship opportunity I had was a great chance for learning and professional development. I am
grateful for having a chance to meet so many wonderful people and professionals who led me through
this internship period.

I would like to thank Mr. Supreeth Y S, CEO & Developer of Tequed Labs, Belagavi for giving me
the opportunity to do an internship within the organization. It was a unique experience for me to study
and to have new plans for my career.

I would like to express my gratitude towards our beloved Principal and Director Dr. Anand
Deshpande, Angadi Institute of Technology and Management, Belagavi. It is an honour to thank him
for providing directions in all my endeavours.

I express my gratitude to Prof. Dhanashree Kulkarni, Head of Department of Computer Science &
Engineering, Angadi Institute of Technology and Management, Belagavi. for her cordial support,
valuable information and guidance which helped me in completing this internship through various
stages.

I am grateful to our management for cooperation and inspiration and also special thanks to teaching
and non-teaching staff for their kind support.
 SUMMARY

I have done my internship in Tequed Labs, one of the leading code development firms in India -
internship is in FULL STACK WEB DEVELOPMENT. Throughout my internship, I had been
learning different aspects of FULL STACK WEB DEVELOPMENT across India. This report was
written after getting first-hand experience from FSWD. This report explains the importance of FSWD
in the present era and this report will help the reader to get an idea about the various uses of FSWD,
its importance and most importantly its day-to-day applications. After reading the whole report the
reader will be able to understand the reason behind growing FSWD applications.

Objectives of the internship are to understand the requirements of clients, formulating strategies for
clients, executing those strategies to achieve their product objectives and understand the change in
consumer buying behaviour in the FSWD era. The design process is also demonstrated in detail.

Internship has also helped me to understand how the customer will tell the requirements and how the
designer should design the product. The internship has helped me to understand the behaviour in the
corporate world and the interactions in the corporate world
 TABLE OF CONTENTS

CONTENT PAGE NUMBER

1. INTRODUCTION 1
1.1. COMPANY PROFILE 1
1.2. SERVICES 2

2. INTRODUCTION TO FULL STACK WEB DEVELOPMENT 5

2.1. INTRODUCTION 5
2.2. CHARACTERISTICS 5

3. TASK PERRFORMED 7
3.1. PROJECT DESCRIPTION 7

4. SYSTEM DESIGN 8
4.1. THEME DESIGN LAYOUT 8

5. SNAPSHOTS 10
5.1. HOME PAGE 10
5.2. ABOUT DETAILS 10
5.3. LOGIN PAGE 11
5.4. DASHBOARD 11
5.5. ADDING EDUCATION DETAILS 12
5.6. ADDING PROJECT DETAILS 12

6. INTERNSHIP OUTCOME 13
6.1. OUTCOMES OF INTERNSHIP 13
6.2. EXPERIENCE AND ASSESSMENT 13
6.3. TECHNICAL ASSESSMENT 14

7. CONCLUSION 15
 Portfolio Generator

CHAPTER 1

INTRODUCTION
1.1 Company Profile
Commitment

Our approach focuses on new ways of business, thereby combining IT innovations and adoption while
They are a reliable organization engaged in providing a qualitative range of industrial products. They
are also one of the leading companies of this highly commendable range of products. Their Team of
experts maintains a vigil on the quality of the products Every single piece of work is ensured with
proper quality assurance. It also focuses on creating innovative products to the society and also
mentors’ various potential start-ups and ideas. Leveraging an organization’s current assets. Our team
is committed to provide IT Services with:

▪ Quality.

▪ Technology, Innovation & Support.

Quality

Our main emphasis is to deliver the best quality in every project we undertake. With our time-tested
business methodology and structured solution building approach, we ensure to maintain our global
business standards.

Technology, Innovation & Support

Technology leadership is the most successful strategy to challenge competitors and consolidate our
position since business and technology work hand in hand. Our firm’s belief in this synthesis has
motivated and enabled us to deliver solutions with a decisive competitive advantage. Tequed Labs,
today, is a new generation framework of technology innovators to accelerate growth. In each project,
we emphasize innovation. Our structured team works with a methodology and knowledge to innovate
and deliver excellent services. We aim to be the best at what we do. Tequed Labs has a dream of
evolving into a Global IT Company, ensuring that the solutions being delivered include best practice
in IT.

DEPT OF CSE, AITM BELAGAVI 1

 Portfolio Generator

Mission

Our mission is to be a leading mca provider providing superior quality products and services at
competitive prices. We are continually improving our quality to serve our clients better.

Vision

We focus on providing quality education on the latest technologies and develop products which are of
great need to society.

1.2 Services

1. Internet of Things.

2. Research and Development.

3. Skill and Development.

4. Machine Learning.

5. Artificial Intelligence.

Software Solutions

Tequed Labs has developed a number of customized products and MIS applications for its clients in
this service. Our mature software development processes, combined with excellent infrastructure have
significantly increased the “on-time and on-budget” delivery of software in the offshore mode. We use
a highly effective IMPACT Methodology for offshore and distributed software development. Our
services begin from analysis, moving through designing, development, testing and implementation to
maintenance. Our applications come in all sizes, be it a one-table database, or a massive client-server
application. The creation of complete database applications is yet another field that we specialize in.
We offer:

Application Development.

▪ Interactive Application Development.

▪ Custom Application Development/Maintenance.

DEPT OF CSE, AITM BELAGAVI 2

 Portfolio Generator

▪ MIS and ERP Solution & Support.

Web Solutions

Tequed Labs provides web solutions & services to help customers reach to a wider customer base. The
web is a new and different medium for communication and requires a different viewpoint and skill set
to use it in the most effective way. You need web consulting to get more return on your investment in
your web site. We can help you get the most effective solution through:

▪ Website Development.

▪ Web Multimedia.
▪ Intranet Development.

▪ Web Promotion.

▪ Web hosting.

Website Development
Websites can enhance awareness of your brand, leading to more sales. Build relationships with
customers, vendors and shareholders through your online identity, get more traffic from the search
engines, fast loading web pages with excellent navigation and designing, and communicate more
effectively. Either you are looking for a dynamic site or a static site is your solution we can help you
acquire both. We offer web sites on flash, asp, php which are tailor made to target your customers and
make your presence live on the web.

Web Multimedia

Add video on your web site or have a complete flash web site and see your popularity ranking high.

Web Promotion

We can promote your site to acquire more traffic, more enquiries, more leads and more value. Web
Promotion is a three-phase process and we are your companion to see you through all the phases and
that too very well. We get your site listed at the most popular Internet directories because they can send
you substantial amounts of traffic and affect your ranking in various search engines. Email marketing

DEPT OF CSE, AITM BELAGAVI 3

 Portfolio Generator

is a great way to promote your electronic shop to buyers including those who are interested in your
shop but have not purchased items from you in the past.

Outsourcing

Tequed Labs not only provides industry-specific solutions but also deputes personnel to organizations
with technical skills to manage back office transaction processing. Viewing it from client’s perspective
this cuts off cost on acquiring and maintaining technical staff and enables them focus on their core
competencies. The key element of service delivery is an integrated approach towards providing
increasing value over the entire course of our client relationships.

Technology used in Tequed Labs

Tequed Labs has expertise in the latest technology, as our developers are full stack developers.

We use below technologies for development of application (Based on requirements)

1. C++, Java, JSP, Swings, Hibernate, Spring.

2. PHP (CodeIgniter, Zend).

3. Python (Django/Machine Learning).

4. HTML5, CSS3.
5. Angular JS, Angular2 /4, WOW JS.

6. Apache.

7. MySQL, Oracle, SQL Server, Post grade.

8. Android

DEPT OF CSE, AITM BELAGAVI 4

 Portfolio Generator

CHAPTER 2
INTRODUCTION TO FULL STACK WEB DEVELOPMENT

2.1 Introduction

Full stack development: It refers to the development of both front end(client side) and back end(server
side) portions of web application.

Full stack web Developers: Full stack web developers have the ability to design complete web
applications and websites. They work on the frontend, backend, database and debugging of web
applications or websites.

Full-stack developers are experts in both the frontend and backend; so, the full-stack of
technology that makes up a website. They are proficient in both frontend and backend languages
and frameworks, as well as in server, network and hosting environments.

2.2Characteristics

Front end: It is the visible part of website or web application which is responsible for user
experience. The user directly interacts with the front-end portion of the web application or
website.

1. HTML: HTML stands for Hyper Text Markup Language. It is used to design the front end
portion of web pages using markup language. HTML is the combination of Hypertext and Markup
language. Hypertext defines the link between the web pages. The markup language is used to define
the text documentation within tag which defines the structure of web pages.

2. CSS: Cascading Style Sheets, fondly referred to as CSS, is a simply designed language
intended to simplify the process of making web pages presentable. CSS allows you to apply
styles to web pages. More importantly, CSS enables you to do this independent of the HTML
that makes up each web page.

3. JavaScript: JavaScript is a famous scripting language used to create the magic on the
sites to make the site interactive for the user. It is used to enhancing the functionality of a
website to running cool games and web-based software.

DEPT OF CSE, AITM BELAGAVI 5

 Portfolio Generator

Back end: It refers to the server-side development of web application or website with a primary focus
on how the website works. It is responsible for managing the database through queries and APIs by
client-side commands. This type of website mainly consists of three parts front end, back end, and
database.

1. PHP: PHP is a server-side scripting language designed specifically for web development. Since,
PHP code executed on server side so it is called server side scripting language.

DEPT OF CSE, AITM BELAGAVI 6

 Portfolio Generator

CHAPTER 3

TASK PERFORMED
3.1 Project Description
The website must be evaluated from the technical aspect first. The valuation of this feasibility must be
based on an outline design of the website requirement having identified an outline system, the
investigation must go on to suggest the type of equipment, required method developing the system, of
running the system once it has been designed.

The theme was designed and developed such that the necessary functions and performances can be
achieved using customization. Therefore, the project is feasible and may still be used even with the
newer version of same software supporting older versions.

DEPT OF CSE, AITM BELAGAVI 7

 Portfolio Generator

CHAPTER 4
SYSTEM DESIGN

Theme Design Layout

The theme used for our project is trending theme which have good layout format. The theme was
developed on our own referring some of the websites.

Fig 4.1: Layout of Theme Design

Navigation Bar

Navigation bar is the place where users can go through all the items that are selected from website
back-end. It is a page type of the site. We can create menus. This will bring to the edit menus screen

DEPT OF CSE, AITM BELAGAVI 8

 Portfolio Generator

which is divided into two columns. The column on our left has our pages, categories, and custom links
tab. The column on the right is where we can add and adjust menu items

Slider
Slider is the part of website that contains image that continuously changes. In this theme, Slider
Revolution plugin is used to define slider with proper front- end and back-end tools. Sliders can run
slideshows automatically without user input by moving slides on pre-defined time interval. Sliders can
also respond to user interaction like click or swipe to view next or previous slides. Additionally, sliders
can also have buttons or thumbnails which users can click to view a particular slide in the slider.

Sidebar
Sidebar is the section where recently viewed products, search filter etc. are placed as a shortcut for the
content of the site especially for product shop pages. themes to display information that is not a part of
the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below
or above the content area, footer, header, or anywhere in the file.

Footer
The footer area of a website is usually defined in the template file footer.html. In some themes, the area
may also contain a widgetized area with multiple columns that you can use.

DEPT OF CSE, AITM BELAGAVI 9

 Portfolio Generator

CHAPTER 5
SNAPSHOTS

Fig 5.1: Home Page

Fig 5.2: About Details

DEPT OF CSE, AITM BELAGAVI 10

 Portfolio Generator

Fig 5.3 : Login Page

Fig 5.4 : Dashboard

DEPT OF CSE, AITM BELAGAVI 11

 Portfolio Generator

Fig 5.5: Adding Education Detail

Fig 5.6: Adding Project Details

DEPT OF CSE, AITM BELAGAVI 12

 Portfolio Generator

CHAPTER 6
INTERNSHIP OUTCOME

6.1 Outcomes of Internship

Internships offer students a hands-on opportunity to work in desired field. To learn how course of study
applies to the real world and build valuable experience that makes students stronger candidates for jobs
after graduation. An internship can be an excellent way to “try out” a certain career. Internship provides
an opportunity to gain valuable experience in a career field. It is a great way to gain specific skills and
knowledge as well as make contacts and build confidence. More and more, employers are using work
experiences as screening devices to assess the skills and abilities of prospective employees. Employers
like to see that candidate had some type of related experience before they consider for a position.
Having additional work experience before applying for job gives an edge over other candidates in a
competitive job market. Internship for professional careers is similar in some ways but not as rigorous
to apprenticeships for professions, trade and vocational jobs, but the lack of standardization and
oversight leaves the term open to broad interpretation. Interns may be college or university students,
high school students, or postgraduate adults. These positions may be paid or unpaid and are usually
temporary. Generally, an internship consists of an exchange of services for experience between the
student and an organization. Students can also use an internship as an experience in particular career,
to create a network of contact. Some interns find permanent, paid employment with the organizations
for which they worked upon completion of the internship. This can be a significant benefit to the
employer as experienced interns often need little or training when they begin regular employment.
Unlike a trainee program, employment at the completion of an internship is not guaranteed.

6.2 Experience and Assessments of internship

Although internship vary greatly from one organization to the next, the term world work experiences
in which students fulfil short term positions within a company or organization in order to gain hands-
on experience and develop career specific skills. Sponsoring agencies generally work with the student
to meet specific learning goals and provide special mentoring or networking opportunities. In exchange,
the intern helps the employer in meeting overall work goals for the company. The internship program
conducted by the renowned organization Tequed Labs, done between sixth and seventh semesters of
BE helped me to get the training in an essential way. Initially I approached Tequed Labs for this purpose

DEPT OF CSE, AITM BELAGAVI 13

 Portfolio Generator

and got opportunity to undergo one-month internship program from the experienced employees in that
organization. Once the needed software was installed, they explained how to create web project using
HTML CSS and JavaScript . I was also assigned a task after the basic training which helped me improve
my technical skills and real-life experience. Initially I have collected various information about the
latest topics in the domain FSWD from the Internet. The mentor and the trainers who were allotted to
me were very supportive and helped me with their valuable guidance in their busy schedule.

6.3 Technical outcomes

The internship program was very useful to get technical knowledge about. I have got basic knowledge
about the concepts of FULL STACK WEB DEVELOPMENT through which I can code using HTML,
CSS, SQL, JavaScript and programming. I have tried to develop various languages codes using
different methods, so that all the programming concepts could be covered. There were many challenges
which I had faced while programming, I came to know about how to develop a code which is smaller
in size and how different python libraries and methods can be used to get faster results. Apart from
technical skills, I also learnt non-technical skills by living in such a new environment My largest
challenge was to work independently. In office environment everyone works on his/her own space. I
had to make self-decisions which gave me strength to think independently. By doing this internship, I
have a better outlook on how to work in an organization.

DEPT OF CSE, AITM BELAGAVI 14

 Portfolio Generator

CHAPTER 7
CONCLUSION

I have learned various types of technologies required for theme, product, and layout design. My focus
had been on front-end designing and back-end development which leads to a Full Stack Web
Development. With the help of this internship, I have gained significant amount of knowledge I hope
it will be helpful for my future carrier.
Making this project was sometime difficult but solving those difficulties gave very valuable knowledge.
Throughout my time of internship, I have acquired lots of new experiences. I got chances to use
different development tools, research on them and use them. Overall, in this period of internship all my
theoretical knowledge gained from college had gained a practical experience.

DEPT OF CSE, AITM BELAGAVI 15