PORTFOLIO WEBSITE
A Major Project Report
Submitted by:-
Daljeet singh,Karan nahar,Kaushal mainka
Submitted to:-
Dr.Ravinder Kaur
Portfolio website home
Page
SUMMARY
Personal portfolio website is developed for the purpose of providing personal
information and services. Home page simply provide name and profession. About page
give personal information and CV is also attached in about page which can be
downloaded by any user who wants to look for CV. Contact page provides personal
contact information and services page gives services related information for website.
Website is developed using HTML CSS and JavaScript as a front-end design and for
back-end MySQL I is use for database and procedural PHP language is used for server
site programming.
SYSTEM ANALYSIS AND DESIGN
• Functional Srequirements are the main functions which the system is supposed to have. Thefunctional
requirements of the developed website are:
• Home Page: It is the first page of this website. It is simply a first page it does not provide any personal
information but have a personal name and a profession only.
• About: About page provides some personal information and it also contain personal CV which can be downloaded
by the viewer.
• Services: Services page provides information related to my own services.
• Contact: Contact page provides my personal contact information like address, phone number and email address
and there is a contact form. Using that form any user can be able to contact me. Submitted details will be store in
database and will be receive it via mail.Non-Functional Requirements of this website are:
ABOUT THE PROJECT
• "Portfolio Website": Placement season brings alot ofcarrier tension and competetion in students, This
competetion is healthy since it makes every student give their best, to tackle this problem a portfolio website is
a perfect Project, Where as other students send their CVs to show thiers skills, With a personal portfolio
website we have an extra edge where can show my work by literally showing the work. This might sound like a
normal portfolio website, but in order to stand out a little more, multiple number of projects are included in this
single website. We have a News section which uses news api to show news in cards like structure, Similarly we
have a Weather app section, where we can search the location and it will send our request to the api to show the
desired result. In order to make this happen React js Library is used which allowed me to create a dynamic and
fast webapp like abilities. Website also contains some other small programs like Word Counter and Gradient
background generator. These are like small programs that are very helpful so they're also included inside the
project.
DURING PROJECT WE HAVE STUDY ABOUT
• Html: HTML stands for Hyper Text Markup Language. HTML is the standard markup language for
creating Web pages. HTML describes the structure of a Web page. HTML consists of a series of
elements. HTML elements tell the browser how to display the content.
• Syntax: <!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
CSS:
CASCADING STYLE SHEETS (CSS) IS A STYLESHEET LANGUAGE USED TO DESCRIBE
THE PRESENTATION OF A DOCUMENT WRITTEN IN HTML OR XML (INCLUDING XML
DIALECTS SUCH AS SVG, MATHML OR XHTML). CSS DESCRIBES HOW ELEMENTS
SHOULD BE RENDERED ON SCREEN, ON PAPER, IN SPEECH, OR ON OTHER MEDIA.
• CSS IS THE LANGUAGE FOR DESCRIBING THE PRESENTATION OF WEB PAGES,
INCLUDING COLORS, LAYOUT, AND FONTS. IT ALLOWS ONE TO ADAPT THE
PRESENTATION TO DIFFERENT TYPES OF DEVICES, SUCH AS LARGE SCREENS, SMALL
SCREENS, OR PRINTERS. CSS IS INDEPENDENT OF HTML AND CAN BE USED WITH ANY
XML-BASED MARKUP LANGUAGE.
CLICK ON
CONTACT
:
User friendly: The system is user friendly with easy to use and other features. The main sections
of the system are home page, contact page, about page and services page. User(client) can get
personal information from home page and about page. Services information are provided from
services page and contact information is in contact page.
Reliability and Performance: With a reliable source and tools, the outcome is reliable as
well. The response time of the system is fast. The performance of the system is determined by
various factors like response time, throughput, resource utilizations etc.
.
THANK YOU
