Fulldstack

1. UNITED COLLEGE OF ENGINEERING AND RESEARCH
SUMMER TRAINING PROJECT
E-COMMERECEWEBSITE USING FULL STACK WEB DEVELOPMENT
PRESENTED BY--
.SHOBHIT SRIVASTAVA
.ROLL NO:2000100130131
.BTECH 3rd YEAR (IT)

2. CONTENT
▪ WHAT ISAN E-COMMERCEWEBSITE??
▪ WHAT IS FULL STACKWEB DEVELOPMENT??
▪ FRONTENDTECHNOLIES USED
▪ BACKENDTECHONLOGIESUSED
▪ FRONTTECHNOLOGIES INTRODUCTION.
▪ BACK ENDTECHNOLOGIES INTRODUCTION.
▪ STRUCTUREOFWEBSITE.

3. WHAT IS FULL STACK WEB DEVELOPMENT??
It refers to the development of both portions of web applications:
▪ Front-end (client side).
▪ Backend (server side).
• The front end consists of the user interface.
• The back end takes care of the business logic and
application workflows.

4. WHAT IS AN E-COMMERCE WEBSITE??
An e-commerce website is one that allows people to buy and sell physical
goods, services, and products over the internet .
WHAT AN E COMMERCE WEBSITE CAN DO??
▪ A business can process orders.
▪ Accept payments.
▪ Manage shipping and logistics
▪ Provide customer service

5. FRONTEND TECHNOLOGIES USED:
▪ HYPERTEXT MARKUP LANGUAGE (HTML).
▪ CASCADING STYLE SHEETS (CSS).
▪ JAVASCRIPT (JS).

6. BACKEND TECHONLOGIES USED:
▪ NODE JS.
▪ MONGO DB (DATABASE)
▪ MONGO DB COMPASS.

7. WHAT IS HTML??
▪ HTML stands for HyperText Markup Language.
▪ It is the standard markup language for creatingWeb pages.
▪ It describes the structure of aWeb page.
▪ It elements tell the browser how to display the content.

8. WHAT IS CSS??
▪ Cascading Style Sheet (CSS) is a style sheet language.
▪ It specifies how to incorporate style information in a style sheet.
▪ • CSS enables us to control rendering of styles such as fonts, colour,
spacing, margins, and other aspects of document style

9. WHAT IS JAVA SCRIPT??
▪ JavaScript is the world most popular programming language.
▪ It lightweight, interpreted compiled programming language.
▪ It is also known as scripting language for web pages.

10. What is NodeJS??
▪ Node.js is an open source server environment.
▪ It uses JavaScript on the server.
▪ It can generate dynamic page content.
▪ It can generate dynamic page content.

11. What is mongo dB??
▪ MongoDB is an open-source document-oriented database.
▪ It is categorized under the NoSQL (Not only SQL) database.
▪ The storage and retrieval of data in the MongoDB are not in the form
of tables.
▪ MongoDB is a database server and the data is stored in these
databases.

12. STRUCTURE OF WEBSITE
▪ IT CONSISTS OF:
– Home page.
– Products.
– Customer’s review.
– Login Signup Page.
– Web form.

13. HOME PAGE
▪ Logo/Heading.
▪ Navigation links to other pages.
▪ Appropriate images .
▪ A special offer .
▪ Recent news about our business.

14. LOGIN/SIGNUP PAGE
▪ Signup includes:
o Username
o Email
o Password
▪ Login includes:
o Email
o Password

15. CUSTOMER DETAILS PAGE
▪ For Customers details:
– Full Name of Customer
– Email Address
– Phone Number
– City
– Product Chosen

16. HOW BACKEND WORKS??
▪ We’ve used mongo dB compass for storing our data in backend.
▪ We’ve created two separate database one for login/signup details
and another for customer details.
▪ MODULES USED:
– Express (Node JS)
– Body-Parser (Node JS)
– Node Mailer (Node JS)
– Mongo DB
– URL

17. THANK YOU…