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.
Download as PPTX, PDF, TXT or read online on Scribd
0 ratings0% 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.
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