The document discusses the concept of full stack web development, covering both front-end and back-end technologies such as Node.js, MongoDB, HTML, CSS, and JavaScript. It emphasizes the importance of creating an engaging and functional personal profile website that showcases individual achievements and interests. Future developments mentioned include backend integration for enhanced capabilities like shopping cart and user authentication.

1. VISVESVARAYA TECHNOLOGICAL UNIVERSITY, BELAGAVI
JAIN COLLEGE OF ENGINEERING AND RESEARCH,
BELAGAVI
Department of Computer Science & Engineering
E-COMMERCE WEBSITE
By
RUCHITALAVAR 2JR21CS073
Internal Guide:
Prof. Ragavendra Katagal

2. Introduction to Full stack web development
Full stack development refers to the process of building both the frontend
(user interface) and backend (database and logic) components of an
application.
The components that are not visible from the front eye i.e. the logic behind contents
or pages are being developed and managed by a back-end developer.
1.Node.js
Node.js is an open-source, cross-platform JavaScript framework that is used to build
server-side and networking applications
2.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.

3. Frontend technologies: HTML, CSS, JavaScript
HTML
HTML (Hyper Text Markup Language) is the standard markup language used to create
and design pages on the World Wide Web. It structures web content and its elements,
such as text, images, and links, using tags and attributes.
CSS
CSS (Cascading Style Sheets) is a stylesheet language used to describe how documents are
presented to users — how they are styled, laid out in HTML or XML. It enhancing the visual
appearance and user experience of web pages.
JAVASCRIPT
JavaScript is a versatile, high-level, interpreted programming language that enables
interactive webpages and dynamic user interfaces. JavaScript is the Programming Language
for the Web where JavaScript can update and change both HTML and CSS. it can calculate,
manipulate and validate data.

6. My profile website
This website is designed to provide an in-depth view of my profile personal journey,
highlighting key projects, achievements,about me,which city do I live in,what are in my
gallery and also what is my favourite sport ,favourite book also I can share my thoughts or
messages through my website.
A personal website is your chance to share your creativity and skills with the world.Your
personal site is like an extension of your personality, allowing you to create a space that
reflects who you are as a creative professional.

7. Result
Fig 1: Home page

8. Fig 2: Product Page and cart list

9. Fig 4 & 5:Categories and Contact page

11. Future Scope
Backend Integration
Shopping Cart ,Checkout and login