Tribhuvan University

Institutes of Science and Technology

Balkumari College
Narayangarh, Chitwan

An Intern Report
On
FRONT END WEB DESIGN AND WEB DEVELOPMENT

Submitted by:
Geeta Thapa
Reg No: 9-2-0241-0459-2015

An Intern report submitted in partial fulfillment of the requirement for

Bachelor of Information and Communication Technology (BICT) 8th Semester
of Tribhuvan University, Nepal

Report of Internship for the period Jan 23 – Feb 23 (4 weeks), 2021

Weekly timetable
1st DATE DAY NAME OF THE TOPIC/ MODULE COMPLETED
Wee 22/01/21 Friday Introduction to company
k 23/01/21 Saturday Documentation to learn HTML

2nd DATE DAY NAME OF THE TOPIC/ MODULE COMPLETED

Wee 24/01/21 Sunday HTML tags practice with example
k 25/01/21 Monday HTML with CSS link for website style and responsive
design.
26/01/21 Tuesday Introducing Code Editor, Work on practical to design
with HTML and CSS
27/01/21 Wednesday Create a homepage with HTML & CSS
28/01/21 Thursday Introducing Bootstrap
29/01/21 Friday Learning bootstrap elements and classes including jquery
and css.min links
30/01/21 Saturday Make a page with bootstrap in build classes and elements

3rd DATE DAY NAME OF THE TOPIC/ MODULE COMPLETED

Wee 31/01/21 Sunday Introduce Database and SQL server
k 1/02/21 Monday Database design and learning DBMS
2/02/21 Tuesday Different SQL server foe hosting site practicing
3/02/21 Wednesday Installation of local server
4/02/21 Thursday XAMP WAMP LAMP etc configuring
5/02/21 Friday Build a project in XAMP server with database
connection in phpmyadmin
6/02/21 Saturday Continue your project with requirements or gathering all
information

4th DATE DAY NAME OF THE TOPIC/ MODULE COMPLETED

Wee 7/02/21 Sunday Get constant review by your Instructor
k 8/02/21 Monday College related project, study the SDLC
9/02/21 Tuesday Design your college page with using only HTML and
CSS
10/02/21 Wednesday Start Coding and testing side by side
11/02/21 Thursday Work on project
12/02/21 Friday Completion on Project
13/02/21 Saturday Final Completion on intern project

5th DATE DAY NAME OF THE TOPIC/ MODULE COMPLETED

Wee 14/02/21 Sunday Introducing WordPress CMS
k 15/02/21 Monday Learn WordPress documentation and practice
16/02/21 Tuesday Installing WordPress and configure on XAMP server
with database connectivity in phpmyadmin
17/02/21 Wednesday Begin with your WordPress project ideas and begin to
build
18/02/21 Thursday Consult the instructor for website ideas on WordPress
19/02/21 Friday Start to build with customization theme management
20/02/21 Saturday Add the related functions and feature on website
6th DATE DAY NAME OF THE TOPIC/ MODULE COMPLETED
Wee 21/02/21 Sunday Check for first revision, take notes on to complete site
k 22/02/21 Monday Begin to testing the website and upgrade SEO and latest
versions of plugin and local server
23/02/21 Tuesday Final project presentation under 15min with conquering
all the purpose and objective of developing your
WordPress Website
Company Letter in Letter Pad
 Acknowledgement

First I would like to thank Prabin Lamichhane, Web Designer/ Web Developer, Department of
Software, WebSoft pvt.ltd Nepal for giving me the opportunity to do an internship within the
organization. . I am highly indebted to him, for the facilities he provided to accomplish this
internship and guiding me to accomplish the task.
I also would like all the people that worked along with me in WebSoft pvt.ltd Nepal with their
patience and openness they created an enjoyable working environment. It is indeed with a great
sense of pleasure and immense sense of gratitude that I acknowledge the help of these
individuals I would like to thank my Head of the Department Shree Parsad Aryal for his
constructive criticism throughout my internship. I would like to thank Dr. B. Rajesh, College
internship coordinator Sri L.V Satyanarayana internship coordinator Department of CSE for their
support and advices to get and complete internship in above said organization. I am extremely
great full to my department staff members and friends who helped me in successful completion
of this internship. S.VA

Name and Date

Geeta Thapa
Jan 23, 2021

Abstract

The “front-end languages” live in the browser. After you type an address into the address bar at
the top and hit the enter/return key, my browser will receive at least an HTML file from the web
server. That file will likely tell the browser to request a CSS file and a JavaScript file as well
(probably many more than one, but we’ll keep it simple).

Each of these languages performs a separate but very important function and they work
harmoniously together to determine how the web page is STRUCTURED (HTML), how it
LOOKS (CSS), and how it FUNCTIONS (JavaScript). And keep in mind that my browser
handles figuring out how to make these files into a functioning web page (not the server).

Front-end web development is NOT design (you won’t be playing around in Photoshop or
anything), but a front-end developer does apply the work of designers to the web page by
translating their well designed layouts into real code. The front-end developer stands between the
designer on one end and the back-end developer on the other, translating the design into code
and plugging the data from the back-end developer into the right spots. He or she must also
handle all the possible interactions that the user may need to make with the page.

On the front end, I will need to be highly conscious of who my user is and how they will be
interacting with my web page because I am building their gateway to my page or product. This
may mean gaining a strong understanding of accessibility and things like responsive
development down the line, but first, I need to build up my toolkit and pick up the fundamentals
of the front-end languages.

In the following lessons, you’ll get a healthy understanding of each of the three front-end
languages (the most popular JavaScript library). To get warmed up, we’ll start at a high level.
Table Of Contents
Weekly timetable.........................................................................................................................................2
Company Letter in Letter Pad......................................................................................................................3
Acknowledgement.......................................................................................................................................4
Abstract.......................................................................................................................................................5
List of Figures.............................................................................................................................................8
List of Tables...............................................................................................................................................9
Abbreviation..............................................................................................................................................10
Chapter I:...................................................................................................................................................11
1. Introduction:.....................................................................................................................................11
1.1 Background..............................................................................................................................11
1.2 Purpose of Intern......................................................................................................................11
1.3 Objective of my Intern..............................................................................................................11
1.4 Scope and Selection of organization:........................................................................................11
Chapter II:.................................................................................................................................................12
2. Description of the company/institution.............................................................................................12
2.1 Introduction of organization.....................................................................................................12
2.2 Major function of organization.................................................................................................12
2.3 Introduction of department.......................................................................................................12
2.4 System Used in Department and Operation..............................................................................12
2.4.1 Commercial Database and other software packages:............................................................12
2.4.2 Database server:...................................................................................................................12
2.4.3 Hardware equipment's:.........................................................................................................12
2.4.4 Testing and verification methods:........................................................................................12
Chapter III: Intern activities......................................................................................................................13
3.1 Customer communication.........................................................................................................13
3.2 System Analysis,......................................................................................................................13
3.3 System Design,.........................................................................................................................13
3.4 Test and Design Validation,.....................................................................................................13
3.5 Document Produced,................................................................................................................13
3.6 Systems Installation and Troubleshooting................................................................................13
Chapter IV: An assessment of the internship............................................................................................14
4.1 Learn from the internships........................................................................................................14
4.2 Applied theory knowledge into practicum................................................................................14
4.3 Challenges................................................................................................................................14
Chapter V: Conclusion..............................................................................................................................15
5.1 Summary..................................................................................................................................15
5.2 Recommendations for improvement.........................................................................................15
References.................................................................................................................................................16
Appendices and supplementary material...................................................................................................17
List of Figures

Fig1.1: System Development Life Cycle

Fig1.2: Test and Design Validation

List of Tables

Table 1: Table of Website Features

Table 2: Table of Menu lists

 Abbreviation

DBMS Database Management System

HTML HyperText Markup Language
CSS Cascading Style Sheet
CMS Content Management
IT Information Technology
Ecommerce Electronic Commerce
VPS Virtual Private Server
VTD Valid Till Date
TB Terabyte
USB Universal Serial Bus
GPU Graphics Processing Unit
PHP Hypertext Preprocessor
FTP File Transfer Protocol
SEO Site Engine Optimization
XML Extensible Markup Language
META Most Effective Tactics Available
 Chapter I:

1. Introduction:

Front-end web improvement is the act of changing over information to a graphical

interface for the client to see and connect with information through computerized
cooperation utilizing HTML, CSS. Front-end web improvement, otherwise called
customer side advancement is the act of creating HTML, CSS, and JavaScript for a site or
Web Application so a client can see and communicate with them straightforwardly. The
test related to front end improvement is that the apparatuses and methods used to make
the front finish of a site change always thus the engineer needs to continually know about
how the field is creating.

1.1 Background
 Internships are generally thought of to be reserved for college students
looking to gain experience in a particular field. However, a wide array of
people can benefit from Training Internships in order to receive real world
experience and develop their skills.
 An objective for this position should emphasize the skills you already
possess in the area and your interest in learning more
 Internships are utilized in a number of different career fields, including
architecture, engineering, healthcare, economics, advertising and many
more.
 Some internship is used to allow individuals to perform scientific research
while others are specifically designed to allow people to gain first-hand
experience working.
 Utilizing internships is a great way to build your resume and develop skills
that can be emphasized in your resume for future jobs. When you are
applying for a Training Internship, make sure to highlight any special skills
or talents that can make you stand apart from the rest of the applicants so
that you have an improved chance of landing the position.

1.2 Purpose of Intern

Experience firsthand procedure of making business sector focused on design.to

learn joint effort based plan with co-originators. At long last venturing out a website
 specialist in its market. Toward the start, I make as a move to work in front end
Structure.

 developing personally and professionally while gaining confidence and real-world

experience
 meeting and networking with practitioners in one’s area of interest
 mentoring and performance feedback from the site supervisor
 earning academic credit while getting paid

1.3 Objective of my Intern

 Learning the related dialects in subtleties.

 Completing the undertaking in time.
 Gaining consumer loyalties with expert work.
 Experience advanced patterns and necessities of website composition
 Recognize and unravel configuration issues.
1.4 Scope and Selection of organization:

 To be the Cutting edge in our specialized Procedure.

 To actualize the best Uprightness, Ability and Development models.
 To inspire all classes of individuals to utilize IT offices for greater
efficiency.
 To inspire the youthful age for utilizing IT to build up their innovativeness.
 Give IT administration most extreme quality and least expense.
 To make potential strides for the advancement of the IT part at home and
abroad.
 To be a solid player in Programming Arrangements space offering an
incredible incentive to worldwide customers
 Chapter II:

1. Description of the company/institution

1.1 Introduction of organization

Blessed with 6 years of positive change and driven by collaboration, the present
acknowledgment framework is Data Innovation, Programming and Incorporated
Web-based business Advancement Organization having the nearness in Nepal
(Chitwan) WebSoft Nepal IT is an expert Web-based business and programming
improvement organization in Nepal giving a scope of reasonable custom web
composition, economical web-based business web architecture administrations to
customers over the world. We routinely convey innovative, successful website
architectures and arrangements that demonstrate the characteristics, needs, and
vision of our customers. Our objective is the accomplishment of our customer's on
the web and disconnected marking, interchanges and showcasing system.

1.2 Major function of organization

WebSoft Nepal IT World's for the most part target gathering are worldwide
gathering, Joint endeavor organization the individuals who need to make their site
or redesign their site. WebSoft Nepal IT has additionally some instructional class
for the understudy who truly needs to find out about web improvement, internet
business and subsidiary promoting

 The market development will lead to dilution of competitor’s advantage and

enable WebSoft Nepal IT World to increase its competitiveness compare to
the other competitors.
 The new technology provides an opportunity to WebSoft Nepal IT World to
practices differentiated pricing strategy in the new market.
 Economic uptick and increase in customer spending, after years of recession
and slow growth rate in the industry
 Stable free cash flow provides opportunities to invest in adjacent product
segments.
 Decreasing cost of transportation because of lower shipping prices can also
bring down the cost of Wolverine World Wide’s products thus providing an
opportunity to the company.
  Government green drive also opens an opportunity for procurement of
WebSoft Nepal IT World products by the state as well as federal
government contractors.
 Opening up of new markets because of government agreement.

1.3 Introduction of department

WebSoft Nepal IT World is one of the Software Company of Online business

advancement and Programming Improvement Organization in Nepal, In the event
that you have the Dedication and Want to dispatch your Web-based business site,
we have the experience and mastery to make it a triumph! what's more, with More
than 6 years of involvement with 400+ Internet business improvement around the
world, we realize how to plan and construct a shocking on the web site for your
business. You need a simple to deal with a framework that doesn't expect you to be
a specialized master, and in particular, you need a solid and quick site that is there
when your clients need it. An expert, simple to utilize and well-kept up Web-based
business site is the fundamental key to making an effective online business. our
Web-based business shopping basket programming makes it simple to deal with
your site. More than 6 years of Web-based business experience and many years of
business experience implies we comprehend your business or organization needs,
we comprehend that you have to work to a financial limit and due date, and we
realize how to get results on the web. Internet business is an astounding path for
retailers to improve their primary concern and advance their image.

1.4 System Used in Department and Operation

1.4.1 Commercial Database and other software packages:

E-COMMERCE DEVELOPMENT
 eCommerce Development
 Magento Development
 WooCommerce Development
 Theme Development
 Extension Development
 Speed Optimization
 Bug Resolving Services
 Marketplace in Magento
WEB DESIGN
 Dynamic Web Solutions
 Custom Web Design
 Web Application
 Web site Re-Design
  Website Maintenance
 Our Design Process
 Recent Development Site

1.4.2 Database server:

 Hosting Packages
 Magento Hosting
 Linux Hosting
 Hosting Transfer
 Reseller Hosting-Linux
 Dedicated Customer Service
 VPS Hosting

DOMAIN
 Domain Registration
 Domain Renew
 Domain Transfer
 Search Your Domain
 Domain Price List
 Reseller Domain
 BD .Gov.BD Country LTD

1.4.3 Hardware equipment's:

o Processor : Intel core

o i3 Memory : 8GB RAM
o Hard Disk : 1TB

System requirements listed for a hardware device may include:

 Operating system
 Available ports (USB, Ethernet, etc)
 Wireless connectivity
 Minimum GPU (for displays and graphics hardware)

Below is an example of minimum versus recommended system requirements

for a Windows application.
 OS: Windows 7 with SP1;  Recommended: Windows 10
  CPU: Intel or AMD processor with 64-bit support;  Recommended: 2.8
GHz or faster processor
 GPU: nVidia GeForce GTX 1050 or equivalent;  Recommended: nVidia
GeForce GTX 1660 or Quadro T1000
 Disk Storage: 4 GB of free disk space
 Monitor Resolution: 1280x800;  Recommended: 1920x1080
 Internet: Internet connection required for software activation

1.4.4 Testing and verification methods:

As one of the main firms in its industry, WebSoft Nepal IT World has various
qualities that empower it to flourish in the commercial center. These qualities not
just assistance it to ensure the piece of the pie in existing markets yet in addition
help in entering new markets. WebSoft Nepal IT World are –
 Highly successful at Go to Market strategies for its products.
 Strong Free Cash Flow
 Successful track record of integrating complimentary firms through
mergers & acquisition.
 Successful track record of developing new products.
 Strong dealer community.
 Reliable suppliers.
 Highly skilled workforce through successful training and learning
programs.
  Chapter III: Intern activities
3.1 Customer communication/System Study

WebSoft Nepal IT World is extraordinary compared to other organization in our

nation. Here I doled out an Internee for 30 Days. Here I learn and practice about
front end structure for Web composition and created. As an apprentice IT student,
I Practice in this organization HTML and CSS. HTML and CSS are most
significant for front end web architecture. I consistently work in this IT
Organization 11:00 am to 5:00 pm in seven days. I work there in a group. My
colleague is so useful.

3.2 System Analysis

The software requirement specification can produce at the culmination of the

analysis task. The function and performance allocated to software as part of
system engineering are refined by established a complete information description,
a detailed functional description, a representation of system behavior, and
indication of performance and design constrain, appropriate validate criteria, and
other information pertinent to requirements.

3.3 System Design

Software engineering is an engineering discipline that is concerned with all

aspects of software production from the early stages of system specification
through to maintaining the system after it has gone into use

Fig1.1: System Development Life Cylce

Incremental development has three important benefits compared to the waterfall model:
• The cost of accommodating changing customer requirements is reduced
• It is easier to get customer feedback on the development work that has been
done.
• More rapid delivery and deployment of useful software to the customer is
possible, even if all of the functionality has not been included.
3.4 Test and Design Validation
Objective of design:
 Design with the basic functionalities
 Work with highly user experience environment
 Operation of the system on the behalf of the user configuration
with the installation.
 Performance efficient with any of system support.
• Reduce User’s Cognitive Effort
Testing environment: • Don’t Waste User’s Time With Trifles
• Attempt to Focus a Visitor’s Attention
Design Qualification
• Showcase the Website’s Features
Effectively
• Write Effective Content

Installation Qualification • That the operating system has the appropriate

processor, RAM, etc

• That all files required to run the system are present

• Do you have a logo

Operational Qualification • How are you going to host your site
• Set your website goals

• That a system can handle multiple users without significant system lag
Performance Qualification
• That when the system contains large quantities of data, queries are
returned in a certain (short) period of time

• That concurrent independent work-flows do not affect each other

• That a laboratory test correctly identifies a known material

• That a process was completed within defined system requirements

Fig1.2: Test and Design Validation

3.5 Document Produced

Menus(Pages) Include: Locations and Categories are bakery, beverage, breakfast etc
Homepage Include title with sub title and date
Facebook Chat Button Direct chat with the owner of restaurant for instant order and review on
food and services included.
Menu Food Provided with different category on personal choices
Google Users review Display users reviewing on restaurant food and services under 5stars
Customer Survey Rate your experience here with all the likeable and unlike our restaurants
food and services majorly
Footer About restaurant, opening hours and locations are listed in most
understandable form here.

Fig1.1: Table of Website Features

1. Homepage

2. Restaurant Menu Lists

Fig2: Table of Menu lists

3. What Our Customer Say

4. Customer Survey

5. Facebook Messenger Chat

 6. About Us Footer

3.6 Systems Installation and Troubleshooting

 Great working OS with updated drivers
 Sublime text editor and one efficient browser
 Work with the software development life cycle
 Identify the problem.
 Establish a theory of probable cause.
 Test the theory to determine the cause.
 Chapter IV: An assessment of the internship
4.1 Learn from the internships
In my study, I have learned from Frontend design by using html and CSS. This
tools are essential for frontend design as a beginner developer.

Hypertext Markup Language (HTML):

HTML was created by Tim Berners-Lee in 1987. HTML is the standard markup
language for making Site pages. HTML represents Hypertext Markup Language.
It depicts the structure of Site pages utilizing markup. HTML components are the
structure blocks of HTML pages. Its components are spoken to by labels. Its
labels mark bits of substance, for example, "heading", "section", "table, etc.
Programs don't show the HTML labels yet use them to render the substance of the
page.

Cascading Style Sheet (CSS):

Hakon Wium Falsehood is the dad of CSS. Untruth proposed the idea of Falling
Templates (CSS) in 1994 while with the W3C. CSS represents Falling Templates.
CSS portrays how HTML components are to be shown on the screen, paper, or in
other media. It spares a great deal of work. It can control the format of numerous
website pages at the same time. Outer templates are put away in CSS documents.

 Cascading Style Sheets (CSS)

 Simple mechanism
 Easy for adding style (e.g., fonts, colors, spacing) to Web documents

4.2 Applied theory knowledge into practicum

In this Report, I Take Concentrate About Frontend Plan by HTML and CSS. I
think this isn't sufficient I need more practices. In the wake of Finishing my
Investigation I intending to find out about Bootstrap, JavaScript, PHP.
My objective was to manufacture the frontend of the site venture given by
WebSoft Nepal IT. I have taken every necessary step utilizing HTML and CSS
and adapted well about these subjects. The coursework appropriately set me up
for the expert substance of the temporary job. I confronted a few difficulties while
doing the CSS cushioning and situating the site substance. After work, I've
figured out how to work in an expert way.

4.3 Challenges
When I initially began as a front-end web designer, the quantity of learnings
which I have to do was tremendous. The code documentation was restricted.
Around then, I didn't generally have a guide to help me through the learning
procedure so I needed to learn without anyone else more often than not. In
addition, I was given a great deal of undertakings which were very hard with a
restricted time spending plan.

One of my senior gave a cool technique which he constantly utilized it in his day
by day works. It turned out his depended vigorously on a "search in catalog"
instrument to learn numerous pieces of the code base. From that point, I figured
out how to utilize that technique too alongside Google search. After a
concentrated inquiry, huge amounts of investigations and tests, I ended up used to
get familiar with a code base in a brief timeframe on numerous sorts of
programming dialects.

There were times when I expected to get some assistance from others. Luckily,
the majority of my companions were useful and prepared to help at whatever
point I asked them.

Not the majority of my works were great. A portion of my works transformed into
a debacle and influenced incredibly to my organization. Be that as it may, once
more, luckily, my friends and my bosses effectively pardoned me and were happy
to assist me with fixing the issue. From that point, I figured out how to manage a
mix-up and how to gain from that.

Fundamentally, what I did was simply learning by doing. Not so gaudy to be sure.
Perhaps I was only fortunate to be in a working environment where individuals
are urged to learn by errors.

Presently I generally advise my encounters to the new enrollment specialists. Our

present condition isn't as brutal as in the past, however at any rate other
individuals can gain from my past missteps.
 Chapter V: Conclusion
5.1 Summary

WebSoft Nepal IT Ltd. is a full-administration web promoting firm, offering PHP

my-SQL driven website composition and improvement, and premade prepared to-
go web application Administration Organization. We convey the best powerful,
propelled, rich web application advancement is actually what you are searching
for. Building a site, such as structure a house, requires arranging and thought with
the end goal for it to be a fruitful site. There are not many procedures will give
you a manual to find out about our work process. I would be glad to assist you
with each progression all the while.

Step 1: Preparation Phase

 Gather client content
 Register domain
 Deploy client extranet
Step 2: Planning Phase
 Write project plan
 Create site blueprint
 Establish project timeline
Step 3: Graphic Design Phase
 Find stock images
 Create site design mockup
 Post mockup on extranet for client review
 Revise mockup based on client’s input
 Obtain final approval on design
Step 4: Build Phase
 Review client content
 Slice mockup into images
 Create master HTML template page
 Create CSS stylesheet
 Test and tweak page in supported browsers
 Create additional pages from master HTML template and add client
content to each
 Build and test contact form
Step 5: Review Phase
 Present a site for customer audit
  Amend as required
 Get last customer endorsement
Step 6: Pre-Production
 Register area
 Make (physical) work envelope
 Enter work into Creation spreadsheet
 Spot organizer in the line to anticipate generation
Step 7: Preparation
 Pick a format
 Set-up neighborhood envelope and venture records
 Discover stock pictures, if fundamental; or download customer documents
from Album
 Make facilitating and FTP account
 Submit the admission structure to copywriting office
 Dole out the undertaking to an in-house or outside colleague
Step 8: Production
 Creation
 Acquire site duplicate from copywriting office
 Make pages from the format and add customer substance to each
 Implant map, if fitting, and client video
 Set up and test contact structure
 Include title labels, META portrayal and catchphrase labels to each page
 Direct space toward host servers
 Make and submit XML Sitemap
Step 9: Approval
 Contact customer for survey
 Submit corrections to planner
 Contact customer for definite endorsement
 Document work envelope
Step 10: Delivery and SEO
 Transfer to your site
 Conveyance and appreciate.
 Extract better web crawler advancement

5.2 Recommendations for improvement

Employees should be aware of why data security is important. Trainings should occur with
relatable, real-world examples. Once awareness has been raised, it is up to management to ensure
that employees are trained early and often regarding data security. Training should be required
on a yearly basis whether it is given through a presentation, an online training, or a signed
contract.

Reduce direct dependencies between teams. Otherwise, you run the risk of facing an outage that
can render your whole organization offline.

See technology as an enhancement of reality. Otherwise, when that outage happens, there's no
human intervention fallback. An Enterprise Resource Planning System (ERP System) is an
integrated software designed to manage all business operations within a company.

 Implementing an integrated system rather than using separate excel spreadsheets

eliminates redundant tasks through automation.

 Make use of but do not rely solely on process and testing

 Include security considerations in the dependability case

 References

[1] https://stackoverflow.com/questions/7695044/what-does-doctype-html-do
[2] https://www.w3.org/QA/Tips/Doctype
[3]
https://developer.mozilla.org/enUS/docs/Archive/Web/Properly_Using_CSS_and_JavaScript_in
_XHTML_Document s_
[4] https://en.wikipedia.org/wiki/XHTML
[5] Schacherbauer, W., et al. "An interference cancellation technique for the use in multiband
software radio frontend design." 2000 30th European Microwave Conference. IEEE, 2000

Appendices and supplementary material

1) To learn about the software required to use, we used, www.wikipidea.org.

2) For more examples for learning, we referred, www.tutorialpoint.com.
3) For learning the PHP and MySQL integration, we referred, www.w3schools.com.