DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

AN INTERNSHIP REPORT
on
“Client Portfolio”

Submitted in partial fulfillment for the award of the degree of

BACHELOR OF ENGINEERING
in
COMPUTER SCIENCE AND ENGINEERING

by

VISHNU GIRISH G
USN: 1NH20CS417

INTERNSHIP CARRIED OUT

AT YHILLS

Under the guidance of

INTERNAL GUIDE: EXTERNAL GUIDE:

Mr. GELUVARAJ B, Mr. RAVI RAHANGDALE
Assistant Professor, SENIOR SOFTWARE ENGINEER,
Department of CSE, NHCE FULL STACK DEVELOPER,
YHILLS
 DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

CERTIFICATE
It is hereby certified that the Internship work entitled “Client Portfolio” is a bonafide
work carried out by VISHNU GIRISH G (1NH20CS417) in partial fulfilment for the award
of Bachelor of Engineering in COMPUTER SCIENCE AND ENGINEERING of New Horizon
College of Engineering during the year 2022-2023. The Internship report has been
approved as it satisfies the academic requirements in respect of Internship work
prescribed for the said Degree.

- -
Signature of Guide Signature of HOD
(Ms. GELUVARAJ B) (Dr. B. Rajalakshmi)

External Viva

Name of Examiner Signature with date

1.

2.
INTERNSHIP CERTIFICATE

I
 ACKNOWLEDGEMENT

The satisfaction and euphoria that accompany the successful completion of any task
would be impossible without the mention of the people who made it possible, whose
constant guidance and encouragement crowned our efforts with success.

I have the great pleasure in expressing our deep sense of gratitude to Dr. Mohan
Manghnani, Chairman of New Horizon Training Institutions for the providing necessary
infrastructure and creating a good environment.

I take this opportunity to express our profound gratitude to Dr. Manjunatha, Principal
NHCE, for his constant support and encouragement.

I express my gratitude to Dr. R. J. Anandhi, Dean-Academics, NHCE, for her valuable

guidance.

I would also like to thank Dr. B. Rajalakshmi, Professor and Head, Department of
Computer Science and Engineering, NHCE for her constant support.

I also express my gratitude to Ms. Geluvaraj B, Assistant Professor, Department of

Computer Science and Engineering, NHCE, my internal guide, for monitoring and reviewing
the internship regularly.

I also thank Mr. Ravi Rahangdale, Senior Software Engineer Full Stack Developer for his
mentorship. His constant guidance and support helped me understand my work better,
which aided in the successful completion of the internship.

Finally, a note of thanks to the teaching and non-teaching staff of the Department of
Computer Science and Engineering, NHCE, who helped me directly or indirectly in the
course of the internship.

VISHNU GIRISH G (1NH20CS417)

II
 CONTENTS

ACKNOWLEDGEMENT I

LIST OF FIGURES IV

1. INTRODUCTION 1

2. DESCRIPTION OF ORGANIZATION 3

3. DESCRIPTION OF THE DEPARTMENT 5

4. GENERAL ROLES AND RESPONSIBILITIES 7

4.1. ROLE OF AN INTERN 7

4.2. RESPONSIBILITIES OF AN INTERN 8

5. ACTIVITIES CARRIED OUT DURING INTERNSHIP 9

6. TECHNICAL TAKEAWAYS 10

7. PROFESSIONAL TAKEAWAYS 12

8. OUTPUT SCRRENSHOTS 14

9. CONCLUSION 17

APPENDIX 18

III
 LIST OF FIGURES

Figure No Figure Description Page No

2.1 Organization logo 4

7.1 Home Page 14

7.2 About Me 14

7.3 Skill Set 15

7.4 Support 15

7.5 Video Gallery 16

IV
Client Portfolio

CHAPTER 1

INTRODUCTION

1.1 CLIENT PORTFOLIO

A web development user container can serve several purposes and benefits. Here are
some of the more common uses of a user portfolio in web development:

Work presentation: A portfolio allows web developers to showcase their past projects
and demonstrate their skills and knowledge. It visually represents their skills and the
quality of their work. Potential clients or employers can view a portfolio to assess a
developer's skills and determine if they are a good fit for a particular project or role.
Building.

Credibility: A well-maintained portfolio helps build credibility and credibility. By

presenting successful projects and customer experiences, the web developer can
demonstrate his professionalism and experience in high-quality work.

Marketing and Promotion: A user portfolio can act as a marketing tool that developers
can use to promote their services and attract new clients or job opportunities. By adding
detailed project descriptions, client requirements and developer roles to each project,
the portfolio provides potential clients with valuable information about the developer's
capabilities and how they can add value to their projects.

Networking: A portfolio can facilitate networking within the web development

community. Developers can share their portfolio with others, attend industry events, or

Department of CSE, 1
Client Portfolio

participate in online forums and communities. It helps you network, collaborate on

projects, and stay abreast of the latest trends and opportunities in web development.

Personal branding: Portfolio allows web developers to customize and enhance their
personal branding. By choosing a unique design, highlighting their expertise and
presenting their work in a consistent and visually appealing way, developers can stand
out from the competition and leave a memorable impression on potential clients or
employers.

Continuous Improvement: A portfolio acts as a personal archive of past work, allowing

developers to reflect on their progress, identify areas for improvement, and set goals for
future projects. By regularly updating and adding new projects to their portfolio,
developers can demonstrate their growth and adaptability.

Learning: Creating and managing a portfolio can be a valuable learning experience for
web developers. It encourages them to explore new technologies, try different designs
and improve their development skills. With a curated portfolio, developers gain a deeper
understanding of their strengths and weaknesses, which can guide their professional
development.
A web development user interface is an effective tool for self-promotion, professional
growth, and networking in the industry. This helps developers attract new opportunities,
build credibility and demonstrate their expertise to potential clients and employers.

Department of CSE, 2
Client Portfolio

CHAPTER 2

DESCRIPTION OF THE ORGANIZATION

The YHILLS Organization is a Training Institution that offers comprehensive

educational programs and courses that focus on teaching people the skills and
knowledge needed to manage web development. These institutes aim to provide
students with the practical skills needed to design, develop and maintain websites and
websites. Here is a description that highlights the key aspects of a YHILLS Organization:
At our YHILLS Organization, we are committed to providing quality web development
training. Our institute is equipped with state-of-the-art equipment and a team of
experienced instructors who are industry professionals with in-depth knowledge of the
latest web development trends and techniques. Our training programs are designed to
serve people of varying experience, from beginners to web development to seasoned
professionals looking to upgrade their skills. We offer a structured curriculum that covers
the fundamental concepts of web development, including HTML, CSS, JavaScript and
responsive design. Additionally, we provide additional training in frameworks and
libraries such as React, Angular and Node.js that enable students to build robust and
dynamic web applications. Hands-on learning is the cornerstone of our educational
approach. We believe in providing practical real life experience to our students. During
the training, students work on numerous projects that simulate real-world scenarios,
allowing them to apply their knowledge and develop their problem-solving skills. These
projects are often collaborative and foster the teamwork and communication skills that
are essential in professional web development environments. To ensure our students
receive the latest training, we regularly update our curriculum to reflect evolving
industry standards and best practices. We also invite guest speakers from the web
development community to share their knowledge and experiences, providing valuable
industry perspectives. In addition to technical skills, we emphasize the importance of
professional development and career readiness. Our institute offers career counseling
services, continuing to build
Department of CSE, 3
Client Portfolio
workshops and interview preparation to help students successfully enter the web
development job market. We maintain strong links with local businesses and
organizations, facilitating internship opportunities and helping graduates find
employment. Overall, our YHILLS Organization strives to create a supportive and
encouraging learning environment where students can gain the skills and confidence
needed to embark on a successful web development career. Whether you're looking to
start your journey in this exciting industry or build on your existing skills, we're here to
provide you with the information and resources you need to succeed in the fast-paced
world of web development.

Fig 2.1: Organization logo

Department of CSE, 4
Client Portfolio

CHAPTER 3

DESCRIPTION OF DEPARTMENT

3.1 WEB DEVELOPMENT

As a web development intern, your role will typically involve assisting and learning from
experienced web developers while participating in various web development projects.
Here are some important aspects of your role as a web development intern:

Learning and skill development: This internship is an opportunity to expand my

knowledge and skills in web development. I will work closely with senior developers who
can guide me and helped me to learn new technologies, programming languages,
frameworks and best practices.

Website Maintenance: I may be assigned tasks related to website maintenance, such as

updating content, fixing errors, improving user interfaces and ensuring the overall
functionality of the website. This will help I gain hands-on experience with real projects.

Front-End Development: I will likely be involved in front-end development, working on

the user interface (UI) and user experience (UX) of websites. This can include writing
HTML, CSS and JavaScript code, implementing responsive design and optimizing websites
for different devices.

Backend Development: Depending on my training and level of expertise, I may also

encounter backend development tasks. This requires working with server-side
technologies, databases and programming languages such as Python, PHP, Ruby or
Node.js. I can help with API creation, database integration and data handling.

Collaboration and communication: As an intern, I will collaborate with the development

team, designers and other stakeholders. Effective communication and teamwork are
essential as I must understand project requirements, provide updates on my progress
and seek guidance as needed.

Department of CSE, 5
Client Portfolio
Troubleshooting and Troubleshooting: Web development often comes with challenges
and mistakes. As an intern, I will have the opportunity to develop my problem-solving
skills by identifying problems, finding code and implementing effective solutions under
the guidance of senior developers.

Testing and QA: I may be responsible for testing websites and websites to ensure they
work as intended. This includes usability testing, bug detection and reporting, and
participation in quality assurance processes to deliver a quality end product. Learning
Industry

Tools and Frameworks: Internships often provide exposure to various industry standard
tools, frameworks and technologies. I may have the opportunity to work with popular
web development frameworks such as React, Angular or Django, as well as version
control systems such as Git

Department of CSE, 6
Client Portfolio

CHAPTER 4

GENERAL ROLES AND RESPONSIBILITIES

4.1 ROLE
The role assigned to an web developer Intern in the team is:

1. Web Development: You will participate in web development by writing code in

programming languages such as HTML, CSS and JavaScript. This may include building
web pages, implementing user interfaces and integrating back-end functionality.

2. Testing and Debugging: As an intern, you will help test websites to make sure they
work correctly on different browsers and devices. You can help identify and fix errors,
troubleshoot problems, and optimize site performance.

3. Collaboration: You will work closely with other members of the web development
team, including senior developers, designers and project managers. Collaboration can
include attending team meetings, providing updates on your progress, and coordinating
tasks with colleagues.

4. Learning and skill development: As an intern, you will have the opportunity to learn
new technologies, frameworks and development tools. You can develop your skills by
working with real projects and gaining hands-on experience under the hands of
experienced professionals.

5. Documentation: It is important to document your work and keep a clear record of

changes made to the code base. This helps maintain the codebase and allows other team
members to understand and collaborate effectively.

Department of CSE, 7
Client Portfolio

6. Research and problem solving: Web development often requires finding solutions to
technical challenges and finding innovative approaches to solving problems. As an intern,
you may be given certain tasks or projects that require research and implementation of
new technologies or features.

7. Continuous Improvement: Internships are great opportunities for growth and you
should take advantage of feedback and guidance from experienced developers to
improve your skills. Actively seeking learning opportunities and following industry trends
will help you stay current and become a better web developer.

RESPONSIBILITIES
As an intern my responsibilities at YHILLS Pvt Ltd. was to cover all aspects of
creating web A Report On Web Designing several application to become a web
developer. For this required core knowledge about designing tools like HTML, CSS,
Bootstrap, JavaScript, etc. and backend scripting language like PHP. The main
responsibility was to ensure that the web application designed must appeal to the
desired target audience and, as a result, catches their attention and also include a
working knowledge of different web browsers. While learning about web development
I also gained knowledge about front end designing. During my internship period I
mostly worked with designing “Training Management System” web application as well
as other mini projects too.

Department of CSE, 8
Client Portfolio

CHAPTER

ACTIVITIES CARRIED OUT BY THE STUDENT

HTML: Basic Concept (Www & Http, Client Server Communication):Basic Html (Tags,
Element, Attributes, Paragraphs, Headings, Line Breaks, Lists, Table, Color Codes, Font,
Text Linking, Email, Images, Background, Comments, Media, Charset) Html Forms
(Input, Text Fields, Password, Checkbox, Combo-Box, Radio Box, Text Areas, Files,
Buttons) Html5 Features

CSS: Basic CSS (Selector, Internal, External, Inline, Class, Id, Background, Font, Text,
Padding, Margin, Border, List CSS, Hovering And Elements) Advance CSS (Border-Radius,
Opacity, Cursor, Layers, Position, Display, Float, Gradient And Multiple-Column) Concept
Of Menu (Single Menu, Drop-Down Menu) Template Design Using CSS Div.

Bootstrap :

 Grid System

 Typography

 Tables, Forms, Buttons, Images

 Dropdown

 Button Group Navigation Element Bootstrap Plug-Ins (Transition, Modal,

Dropdown, Tab, Tooltip, Alert, Button)

JAVASCRIPT : Basic JavaScript (Syntax, Enable, Location, Operators, Variables, Events,

Alert, Confirm, Prompt, Pop Up, Date, Print) JavaScript String (Strings, Length, Split,
Search, Replace)

Department of CSE, 9
Client Portfolio

CHAPTER 6

TECHNICAL TAKEAWAYS

As a web developer, there are several technical options that can help you stay current
and improve your skills. Here are some key points.

Embrace responsive design: With the ever-increasing use of mobile devices, responsive
design is crucial. Make sure your website is optimized for different screen sizes and
resolutions by using different techniques like smooth layouts and media.

Master HTML5 and CSS3: HTML5 and CSS3 provide powerful features for creating
modern websites. Stay up to date with these latest specifications and use new elements,
semantic markup, multimedia integration and CSS3 features to enhance your web
projects. Learn the

Basics of JavaScript: JavaScript continues to be the leading language for web

development. Focus on key concepts such as variables, functions, loops, conditionals and
principles of object-oriented programming (OOP). Additionally, you can explore modern
JavaScript frameworks and libraries such as React, Angular or Vue.js. Prioritize Website
Performance: Website Performance is critical to user experience and SEO. Optimize your
code, minimize file size, use caching techniques and reduce HTTP requests. Consider
using tools like Google Page SpeedInsights and Lighthouse to identify performance
bottlenecks. Cross-

Browser Compatibility: Different web browsers may display your website differently.
Test your web pages in multiple browsers and ensure compatibility with feature
detection techniques, multiple executions and complex degradation/enhancement
strategies.

Department of CSE, 1
Client Portfolio

Improve security practices: Network security is extremely important. Stay up to date on

Department of CSE, 1
Client Portfolio
the latest vulnerabilities, implement secure coding techniques, sanitize user input, use
parameterized queries to prevent SQL injection, enable HTTPS, and validate and clean
user data on the server side.

Learn more about APIs: Application programming interfaces (APIs) allow you to integrate
third-party services and data into web applications. Explore popular APIs such as Google
Maps, social media platforms, payment gateways and online services to improve the
functionality of your websites.

Version control with Git: Git is a distributed version control system that helps you
manage your source code. Learn how to efficiently create, branch, merge, and resolve
conflicts in data repositories. Use platforms like GitHub or GitLab for collaborative
development and code sharing.

Accessibility is important: Make sure your websites are accessible to users with
disabilities. Follow the Web Content Accessibility Guidelines (WCAG) to improve
accessibility for people with visual, hearing, cognitive, or mobility disabilities.

Continuous Learning: The web industry is evolving rapidly, so it is very important to stay
up to date with the latest trends, tools and frameworks. Follow reputable blogs,
participate in online communities, attend webinars or conferences, and engage in
continuous learning to improve your skills.

Department of CSE, 1
Client Portfolio

CHAPTER 7

PROFESSIONAL TAKEAWAYS

As A Web Developer, There Are Several Professional Certifications That Can Help You
Improve Your Skills and Advance Your Career. Here Are Some Important Points to
Consider:
Continuous Learning: The Field of Web Development Is Constantly Evolving and New
Technologies, Frameworks and Best Practices Are Constantly Emerging. Stay Updated
with The Latest Trends, Learn New Concepts and Explore Different Tools to Expand Your
Knowledge.

Strong Basics: While It's Important to Keep Up with The Latest Technologies, Don't
Forget the Basics. A Solid Understanding of Html, CSS, And JavaScript Gives You a Strong
Foundation to Build On, Regardless of The Frameworks or Libraries You Use.

Problem Solving Skills: Web Development Often Involves Troubleshooting and

Troubleshooting. Improve Your Problem-Solving Skills by Practicing Coding Problems,
Participating in Online Forums, And Finding Real-World Projects That Challenge You To
Come Up With Innovative Solutions. Version Control: Git and Other Version Control
Systems Are Essential Tools for Web Developers. Learn To Use Them Effectively, As
Version Control Enables Collaboration, Code Management and Easy Restore, Ensuring
The Integrity Of Your Code Base.

Responsive Design: As Mobile Devices Become More And More Common, It Is Very
Important To Develop Websites That Are Responsive And Work Well On Different Screen

Department of CSE, 1
Client Portfolio
Sizes. Learn About Responsive Design Techniques and Frameworks Like Bootstrap To
Create User Experiences On All Devices.

Security Best Practices: Data Security Should Always Be A Priority When Developing Web
Applications. Learn About Common Vulnerabilities Such as Cross-Site Scripting (Xss), Sql
Injection, And Cross-Site Request Forgery (Csrf). Protect Your Applications and User Data
By Following Best Practices Such As Input Validation, Proper Authentication, And Secure
Data Storage. Collaboration And Communication: Web Development Often Involves
Teamwork, Whether with Other Developers Or Clients. Improve Your Collaboration and
Communication Skills So You Can Effectively Communicate Ideas, Understand
Requirements And Work Cohesively With Others.

Performance Optimization: Optimizing the Performance Of Your Web Applications Is

Critical For A Smooth User Experience. Learn Techniques Such As Http Request
Minimization, Browser Caching, Code Minimization, And Image Optimization To Improve
Page Load Time And Overall Performance.

Testing And Debugging: Implementing A Comprehensive Testing Strategy Is Essential To

Ensure The Functionality And Stability Of Web Applications. Learn About Testing
Frameworks And Tools, Write Unit Tests, Run Integration Tests, And Use Debugging
Tools To Effectively Identify And Resolve Issues.

Documentation: Follow Good Documentation Practices Throughout The Development

Process. Documenting Your Code, Apis, And Project Settings Helps You And Others
Effectively Understand And Maintain Your Code Base. It Also Shows Professionalism And
Can Be Valuable In Teamwork Or Collaboration With Others

Department of CSE, 1
Client Portfolio

CHAPTER 8

FIG 7.1 HOME PAGE

FIG 7.2 ABOUT ME

Department of CSE, 1
Client Portfolio

FIG 7.3 SKILL SET

FIG 7.4 SUPPORT

Department of CSE, 1
Client Portfolio

FIG 7.5 VIDEO GALLERY

Department of CSE, 1
Client Portfolio

CHAPTER 9

CONCLUSION

In Conclusion, I Can Say That This Internship Was A Great Experience. Thanks To
This Project, I Acquired Deeper Knowledge Concerning My Technical Skills, But I Also
Personally Benefited. Currently Html Is A Common Part Of Web Applications, And It Is
One Of The Most Popular Language For Web Designing Used By Professionals
Worldwide. If We Surf Internet, We Can See Millions Of Websites Designed With Html
And Css. I Learned To Live In A Different Environment From The One I Am Used To.
Indeed, I Grew More Independent In Work And Also In Everyday Life. I Realized That I
Could Do More Things Than I Thought, Like Learning New Things By Myself. There Are
Huge Opportunities Available For The Students Who Want To Work In This Field. Many
Private And Public Organizations Hire Web Designer For Their Online Work And
Website Development. With The Rapid Advent Of Online Industry, The Demand Of Web
Development Professionals Is Increasing, And This Has Created A Huge Job Opportunity
For The Aspirants In The Upcoming Days. Also, An Experienced Person In This Field Can
Also Work As A Freelancer; There Are Many Online Companies Which Provide Online
Projects To The Individuals.

Department of CSE, 1
Client Portfolio

APPENDIX

Department of CSE, 1