A PROJECT REPORT

ON

SUMMER INDUSTRIAL TRAINING

Submitted
In Partial Fulfillment of the Requirements
For the Degree of

BACHELOR OF TECHNOLOGY
in
Computer Science and Engg.

By

Abhishek Srivastava (150080101003)

Under the supervision of

Mr.Brad Hussey
(Freelancing Web Designer and Tutor at Udemy )

to the
Department of Computer Science and Engineering
of
DEV BHOOMI INSTITUTE OF TECHNOLOGY
DEHRADUN
 CERTIFICATE

This is to certify that the project report titled ‘BROWSEME( Website)’ submitted in partial
fulfillment for the award of Bachelor of Technology degree in Information Technology from
Uttarkhand Technical University, is a record of the candidate own work carried out by him/her
under my own supervision. The matter embodied in this project is original and has not been
submitted for the award of any other degree.

(Sig. Supervisor)

Name of Supervisor:

Date:
 DECLARATION

We hereby declare that this submission is our own work and that, to the best of our knowledge
and belief, it contains no material previously published or written by another person nor material
which to a substantial extent has been accepted for the award of any other degree or diploma of
the university or other institute of higher learning, except where due acknowledgment has been
made in the text.

Signature:

Name : Abhishek Srivastava(150080101003)

Date :
 ACKNOWLEDGEMENT

It gives us a great sense of pleasure to present the report of the B. Tech Project undertaken
during B. Tech. Final Year. We owe special debt of gratitude to our project guide Mr.Brad
Hussey for his constant support and guidance throughout the course of our work. His sincerity,
thoroughness and perseverance have been a constant source of inspiration for us. It is only his
cognizant efforts that our endeavors have seen light of the day.

We also do not like to miss the opportunity to acknowledge the contribution of all faculty
members of the department for their kind assistance and cooperation during the development of
our project. Last but not the least, we acknowledge our friends for their contribution in the
completion of the project.

Signature:
Name : Abhishek Srivastava(150080101003)

Date :
 TABLE OF CONTENTS

 INTRODUCTION

 DESCRIPTION OF ONLINE ORGANIZATION

 DESCRIPTION OF WORK CARRIED OUT

 ASSIGNMENTS AND PLATFORMS USED

 SNAPSHOTS OF DETAILED WORKLINE

 CONCLUSION

 REFRENCES
Web Development:Web development is the building and maintenance
of websites; it’s the work that happens behind the scenes to make a
website look great, work fast and perform well for the best UX. In fact, web
developers are like magic little elves – you never see them, but they make
*absolutely everything* look nice and work quickly and efficiently.

WEB DEVELOPMENT LIFE CYCLE:

PHASES QUESTIONS TO ASK

 What is the purpose of the Web site

Planning
 Who will use this Web site
 What are their computing environment
 Who owns and authors the information on the Web site

 What information is useful to the user

Analysis

 What type of Web site layout is appropriate

Design and
 What forms of multimedia is helpful to the user
development

Implementation  How is the Web site published

and  How is the Web site updated
Maintenance  Who is responsible for content updates
 Will the Web site be monitored
HOW TO DO THAT STUFF:
Web developers, or ‘devs’ in coolspeak, do this by using a variety of coding
languages. The languages they use depends on the types of tasks they are doing.
Web development is generally broken down into frontend (the client side) and
backend development (the server side).

Front-End, Back-End Or Full-Stack:

A front-end dev takes care of layout, design and interactivity using HTML,
CSS and JavaScript. They take an idea from the drawing board and turn it
into reality. What you see and what you use, such as the visual aspect of
the website, the drop down menus and the text, are all brought together by
the front-end dev, who writes a series of programmes to bind and structure
the elements, make them look good and add interactivity. These
programmes are run through a browser.

The backend developer engineers what is going on behind the scenes.

This is where the data is stored, and without this data, there would be no
frontend. The backend of the web consists of the server that hosts the
website, an application for running it and a database to contain the data.
The backend dev uses computer programmes to ensure that the server,
the application and the database run smoothly together. They need to
analyse what a company’s needs are and provide efficient programming
solutions. To do all this amazing stuff they use a variety of server-side
languages, like PHP, Ruby, Python and Java.

Full-stackers take care of both the frontend and the backend, and need to
know how the web works on all levels, in order to determine how the client-
and server-sides will relate.
DESCRIPTION OF ONLINE ORGANIZATION :
Udemy.com is an online learning platform. It is aimed at professional
adults. Unlike academic massive open online course (MOOC) programs which are
driven by traditional collegiate coursework, Udemy uses content from online
content creators to sell for profit.Udemy provides tools which enable users to
create a course, promote it and earn money from student tuition charges.
No Udemy courses are currently credentialed for college credit; students take
courses largely as a means of improving job-related skills.Some courses generate
credit toward technical certification. Udemy has made a special effort to attract
corporate trainers seeking to create coursework for employees of their company.
As of 2018, there are more than 80,000 courses on the website.

Overview:
Udemy serves as a platform that allows instructors to build online courses on
topics of their choosing. Using Udemy's course development tools they can upload
video, PowerPointpresentations, PDFs, audio, zip files and live classes to create
courses. Instructors can also engage and interact with users via online discussion
boards.
Courses are offered across a breadth of categories, including business
and entrepreneurship, academics, the arts, health and fitness, language, music, and
technology. Most classes are in practical subjects such as Excel software or using
an iPhone camera. Udemy also offers Udemy for Business, enabling businesses
access to a targeted suite of over 2,000 training courses on topics from digital
marketing tactics to office productivity, design, management, programming, and
more. With Udemy for Business, organizations can also create custom learning
portals for corporate training.
Udemy offers paid and free courses, depending on the instructor
 DESCRIPTION OF WORK CARRIED OUT
Text editor Software and Local Server Installation

 Details about Software Requirement

 Download the installation Process
 Download and installation of Sublime Text and Xamp Server
 Download and Installation of Bootstrap Components
 Setting up Database and creating Database Connections

HTML LAYOUTS

 Div Containers
 Form Fields
 Tabels
 Modals
 Buttons

CSS DESIGNING

 Navigation Bar
 Footer
 Social Media Icons
 Div Containers
 Sliders
 Models
 Irame,Buttons,ffield


JAVASCRIPT

 Validations on Login and Sign up pages

 Alert Box
 DatePicker
 Slider
 Smooth Scrool
PHP

 Connecting Database
 Passing and Retriving Value from Database
 Server Side Validations
 Displaying Profile Details
 Search History
 Sessions

OTHER COMPONENT USED

 Brackets
 Bootstrap
 Iframe
 Font Awesome

ONLINE HOSTING
This website is hosted online and url of Website is browseme.esy.es
 DESRIPTION OF ASSIGNMENTS CARRIED OUT
This project address the study of emerging sectotrs of website Development and
its core feature that are used by most of the running websites today. The main goal
is to develop an accessible and user friendly platforms for users who want to
connect with various websites of different categories from a single platform from
choices with similar other websites like social media websites, coding websites
,entertainment websites, and also keep the user updated about latest news and
updates happening .The User can browse through different Categories From
homepage only….

KEY Benefits:

 A Single platform to connect many website of different Categories

 A platform to stay connected to all the favourite websites from single page
 Keeps user updated about any new features or changes in their favorite
websites
 User can ask for Changes or can suggest any new features by feedback on
contact us page
 The Whole website was based on responsive Designing which was key
feature of websiting
 User Friendly Blocks , All connected by inline links.
 Easy Signup and login
 Very Interactive Blog Page

The Main purpose of this projet is to make a interactive website using

CSS,javascript,ajax ,php and some other few frameworks. The user can use this
website as a portal for other websites.
 SNAPSHOT OF WORK CARRIED OUT
BRACKETS
PHP STORM ,XAMP,PHP ADMIN
 BROWSE ME SITE LAYOUT

t
CONCLUSION:
The purpose and objective of project is by providing a extremely rich
graphical user interface It is a simple website created in CSS
,JAVASCRIPT AND BOOTSRAP… It is a portal of websites according
to categories like Entertainment,Social Media and Coding ,Video Songs
all are collabareted under one roof..

REFRENCES:
 www.w3school.com
 www.quora.com
 http://getBootstap.com