Industrial Training Seminar

on
“Full Stack Web Development”

Presented By: Submitted To:

Nikhil Kataria Ms. Preeti Sharma
21EJCIT309 Industrial Training
IT/5th Sem/C Coordinator, IT
 CONTENTS
1. INTRODUCTION/ABSTRACT
2. COMPANY/ORGANIZATION DETAILS
3. CERTIFICATE
4. TECHNOLOGY NAME-DETAILED DESCRIPTION
5. OVERVIEW OF TOOLS USED
6. PROJECT DESCRIPTION
7. SCREENSHOTS OF PROJECT
8. CONCLUSION
9. FUTURE SCOPE
10. REFERENCES
 Introduction
Full stack development refers to the end-to-end application
software development, including the front end and back end.
The front end consists of the user interface, and the back
end takes care of the business logic and
application workflows.
Full stack developers must have knowledge of an entire
technology stack, i.e., the set of technologies that are used
to build an end-to-end application quickly and efficiently. For
example, if they want to build an application using the
MEAN stack, they should know how to work with MongoDB,
Express, Angular and Node.
Front end: HTML, CSS, JavaScript.
Back end: Node.js, MongoDb, Express
 Company Details

"We are Learn and Build (LnB), a tech learning vertical by

TechieNest Pvt. Ltd. Furthering our 10+ years of strong legacy
and training over 200K candidates from 300+ premium
institutions including IIT’s & NITs, LnB aims at making quality
technical education accessible to learners across the country.
LnB works as the cornerstone for budding technocrats and
stepping stone for working professionals, enabling India with
technology creators."
Certificate
 Tech Stack
Front-end Technologies: The languages listed below are used to build the front end
part. HTML: Hyper Text Markup Language is what HTML stands for. It is used to
create web pages' front ends using markup language.The text documentation
contained within tags, which define the structure of web pages, is defined using the
markup language.

CSS: Cascading Style Sheets, fondly referred to as CSS, is a simply designed

language intended to simplify the process of making web pages presentable. CSS
allows you to apply styles to web pages. More importantly, CSS enables you to do
this independent of the HTML that makes up each web page.
JavaScript: JavaScript is a famous scripting language used to create the magic on the
sites to make the site interactive for the user. It is used to enhancing the functionality
of a website to running cool games and web-based software.

Front End Libraries and Frameworks:-

React.js: React is a declarative, efficient, and flexible JavaScript library for building
user interfaces. ReactJS is an open-source, component-based front end library
responsible only for the view layer of the application. It is maintained by Facebook.

Back-end Technologies It refers to the server-side development of web application or

website with a primary focus on how the website works
Used Stack :-MERN Stack: MongoDB, Express, ReactJS and Node.js

Node.js: Node.js is an open source and cross-platform runtime environment for

executing JavaScript code outside of a browser. You need to remember that NodeJS is
not a framework and it’s not a programming language. We often use Node.js for
building back-end services like APIs like Web App or Mobile App. It’s used in
production by large

MongoDB: It is a non-relational document database that provides support for JSON-

like storage. The MongoDB database has a flexible data model that enables you to
store unstructured data, and it provides full indexing support, and replication with
rich and intuitive APIs. companies such as PayPal, Uber, Netflix, Walmart and so on.
Express.js: It is a small framework that works on top of Node.js web server
functionality to simplify its APIs and add helpful new features. It makes it easier to
organize your application’s functionality with middleware and routing. It adds helpful
utilities to Node.js HTTP objects and facilitates the rendering of
dynamic HTTP objects.
 Tool Used

Following Tool is used :-

1. Visual Studio Code as IDE

2. Node Package Manager (npm)- npm also has command-line tools to help
you install the different packages and manage their dependencies.

3. MongoDB Compass- Powerful GUI for querying, aggregating, and

analyzing your MongoDB data in a visual environment.
 Project Description


The E-Commerce Website Development project aims to create a robust and user-
friendly online platform for buying and selling products. This e-commerce website
will leverage modern web development technologies to provide a seamless
shopping experience for customers while offering efficient management tools for
vendors and administrators.

Front End technology:- html, CSS, java script and React js.

Back End technology:- Node.js ,mongoDB

Problem Defination:-
To design a simple E-commerce platform.

It will user use for purchasing require product.

Screenshot Of Project
 Conclusion

In conclusion, we have covered the entire process of creating a E-Commerce Website

Development project aims to create a robust and user-friendly online platform for
buying and selling products using HTML and CSS. We started by setting up our
project, creating the basic structure, and linking CSS to HTML. Next, we created UI
elements such as the play button, volume slider, and progress bar. Finally, we styled
the pages with colors and added visual appeal to our project.
 Major Features

Major Features of E-commerce platform:-

Login Authentication

Cart and Wishlist bag

Multiple Payment Options

Social Media Sharing

Recently viewed items

Suggestion

Membership Programs

Reviews and Rating

Content Management System
 Future Scope

1. Marketplace Integration

2. AI and Personalization:

3. Augmented Reality (AR) and Virtual Reality(VR)

4. Customization and Themes

5. Payment Innovation

https://www.w3schools.com/


https://www.google.com/


https://geeksforgeeks.com/


https://en.wikipedia.org/


https://getbootstrap.com/


https://react.dev/
This Photo by Unknown Author is licensed under CC BY-SA-NC