fullstack ppt and backend technologies used

full stack ppt

1. VISVESVARAYA TECHNOLOGICAL UNIVERSITY, BELAGAVI JAIN COLLEGE OF ENGINEERING AND RESEARCH, BELAGAVI Department of Computer Science & Engineering E-COMMERCE WEBSITE By RUCHI TALAVAR 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.

4. Project Objectives To build a functional ecommerce prototype that demonstrates fundamental frontend concepts and technologies To implement core ecommerce functionalities, such as product browsing, searching, filtering. To create a visually appealing and user-friendly interface that enhances the shopping experience.

5. 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.

6. Result Fig 1: Home page

7. Fig 2: Product Page and cart list

8. Fig 4 & 5:Categories and Contact page

9. Future Scope Backend Integration Implement a backend using server-side technologies User Authentication Enable users to create accounts, view order history, and save preferences. Shopping Cart ,Checkout and login Develop a persistent shopping cart that stores items across sessions and implement a secure checkout process with multiple payment option. And give A unique ID to users for their future login purpose.

10. THANK YOU