0% found this document useful (0 votes)
256 views

Web Development

The document describes a web development project created by a group of students. It includes an introduction to web development, frontend and backend development, and the technologies used like HTML, CSS, JavaScript, PHP, MongoDB. It then discusses an e-commerce website for an electric bike store that was created using these technologies. The website is fully responsive, uses forms and JavaScript, and is deployed on Heroku. Finally, the document concludes that the project goal of creating a live, functional e-bike store website was achieved.

Uploaded by

Anshushree Shah
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
256 views

Web Development

The document describes a web development project created by a group of students. It includes an introduction to web development, frontend and backend development, and the technologies used like HTML, CSS, JavaScript, PHP, MongoDB. It then discusses an e-commerce website for an electric bike store that was created using these technologies. The website is fully responsive, uses forms and JavaScript, and is deployed on Heroku. Finally, the document concludes that the project goal of creating a live, functional e-bike store website was achieved.

Uploaded by

Anshushree Shah
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 28

DEPARTMENT OF INFORMATION TECHNOLOGY

HALDIA INSTITUTE OF TECHNOLOGY, HALDIA .


JUNE 2022

WEB DEVELOPMENT PROJECT

SHIVAM RAJ (10300218016) 


SHASHANK SHEKHAR (10300218019)
ROBINSH KUMAR(10300218021)
MD. SHAQUIB (10300118031)
In The Supervision of:
MANASIJA BHATTACHARYA
 Introduction
 Web Development
 Application of web development
 Front End
CONTENTS  Back End
 Database
 Results
 Conclusion
INTRODUCTION
Web development refers to the building, creating, and maintaining
of websites. It includes aspects such as web design, web publishing,
web programming, and database management. It is the creation of
an application that works over the internet i.e. websites.
Web Development can be classified into two ways:
•Frontend Development
•Backend Development
 Frontend Development: The part of a website that the user interacts directly is
termed as front end. It is also referred to as the ‘client side’ of the application.

Frontend Examples:
• HTML: HTML stands for HyperText Markup Language. It is used to design the
front end portion of web pages using markup language. It acts as a skeleton for a
website since it is used to make the structure of a website.
• CSS: Cascading Style Sheets fondly referred to as CSS is a simply designed
Web language intended to simplify the process of making web pages presentable. It is
used to style our website.
Development • JavaScript: JavaScript is a scripting language used to provide a dynamic behavior
to our website.
• Bootstrap: Bootstrap is a free and open-source tool collection for creating
responsive websites and web applications. It is the most popular CSS framework
for developing responsive, mobile-first websites. Nowadays, the websites are
perfect for all the browsers (IE, Firefox, and Chrome) and for all sizes of screens
(Desktop, Tablets, Phablets, and Phones).
• Bootstrap 4
• Bootstrap 5
Backend Development: Backend is the
server side of a website. It is the part of
the website that users cannot see and
interact. It is the portion of software that
does not come in direct contact with the
users. It is used to store and arrange data.
• Backend Examples:
PHP: PHP is a server-side scripting language designed
specifically for web development.
Java: Java is one of the most popular and widely used
programming language. It is highly scalable.
Python: Python is a programming language that lets you
work quickly and integrate systems more efficiently.
Node.js: Node.js is an open source and cross-platform
runtime environment for executing JavaScript code outside a
browser.
Back End Frameworks: The list of back end frameworks
are: Express, Django, Rails, Laravel, Spring, etc.
HTML
HTML is used to create the structure of web pages that are
displayed on the World Wide Web (www). It contains
Tags and Attributes that are used to design the web pages.
Also, we can link multiple pages using Hyperlinks.
CSS
CSS (Cascading Style Sheets) is a stylesheet language
used to design a webpage to make it attractive. The reason
for using this is to simplify the process of making web
pages presentable. It allows you to apply styles on web
pages. More importantly, it enables you to do this
independent of the HTML that makes up each web page.
Applications of Web
Development
Web application development is the creation of 
application programs that reside on remote servers and
are delivered to the user’s device over the Internet. A
web application (web app) does not need to be
downloaded and is instead accessed through a network.
An end user can access a web application through a
web browser such as Google Chrome, Safari, or Mozilla
Firefox. A majority of web applications can be written in 
JavaScript, Cascading Style Sheets (CSS), and HTML5
E-Commerce website
designing & development

Redial India Solutions


Features of E-Bike Store website

This website is fully responsive website


This website have fully responsive hamburger menu
This website uses java scripts for its various features like form
validation , mathematical operations and form verification
This website is deployed with the help of Herokuapp
This website is developed with the help of Nodejs app
This website is fully developed with the help of using such as HTML ,
CSS and Javascript
MongoDB
MongoDB is an open-source document-oriented database that is designed
to store a large scale of data and also allows you to work with that data very
efficiently. It is categorized under the NoSQL (Not only SQL) database
because the storage and retrieval of data in the MongoDB are not in the
form of tables. 
Features of MongoDB –
Document Oriented: In MongoDB, all the data stored in the
documents instead of tables like in RDBMS. In these documents, the
data is stored in fields(key-value pair) instead of rows and columns
which make the data much more flexible in comparison to RDBMS.
Indexing: In MongoDB database, every field in the
documents is indexed with primary and secondary
indices this makes easier and takes less time to get or
search data from the pool of the data.
Advantages of MongoDB : 
 
•It is a schema-less NoSQL database. You need not to design the schema of the database when you are working with MongoDB.
•It does not support join operation.
•It provides great flexibility to the fields in the documents.
•It contains heterogeneous data.
•It provides high performance, availability, scalability.
 Disadvantages of MongoDB : 
 
• It uses high memory for data storage.
• You are not allowed to store more than 16MB data in the
documents.
• The nesting of data in BSON is also limited you are not allowed to
nest data more than 100 levels.
Coding
Conclusion
We have successfully deployed implemented the site
‘EBike Store’.With the help of various links and
tools,we have been able to provide a site which had
already live and running on the web. We have been
successful in our attempt to take care of the needs of
both the user as well as the administrator . Finally, we
hope that this will go a long way in popularizing.
THANK YOU

You might also like