Shopping Cart
Synopsis submitted in partial fulfillment of the requirement for the
Minor Project, VIIth semester
Under the Supervision
Of
Dr. Charu Gupta
Assistant Professor CSE
Submitted By :
GROUP NO – 28
Saurabh Kumar : 15120802721
Manish Kumar Sharma : 14120802721
Akkul Gautam : 11420802721
Nishant Choudhary : 10320802721
SEPTEMBER-2024
Table of Contents
Introduction
Need of Project
Problem Statement
H/w & S/w Requirements
Outcome of the Project : Product
References
Introduction
We are developing a comprehensive and dynamic e-commerce platform designed to cater to both buyers and
sellers, with clear user roles and functionalities. This project is being built as a team effort, where we are
working together to create a platform that enhances the user experience and streamlines the entire process
of product management, purchasing, and reviewing.
Key Features:
1. User Roles and Permissions:
• Buyers: Can explore and purchase products, leave reviews, and manage their shopping cart. Buyers
will have personalized accounts to track orders and view their purchase history.
• Sellers: Will have access to a dedicated dashboard to manage their product listings. Sellers can:
o Add new products with descriptions, prices, and images.
o Edit existing product details, including prices and availability.
o Delete products when they’re no longer available or need to be removed.
2. Secure Authentication & User Management:
• We are using Passport.js to implement secure user login and authentication. The platform will
protect user data through encrypted passwords and proper session management.
• Users (both buyers and sellers) will be able to register, log in, and log out securely.
• Our focus will be on implementing secure user sessions and managing user roles dynamically.
3. Product Management for Sellers:
• Sellers will have complete control over their product listings, with features allowing them to:
o Upload product images, set prices, and categorize products.
o Update product details when necessary to keep listings current.
o Remove products from their inventory when they are out of stock or discontinued.
4. Product Purchase for Buyers:
• Buyers will be able to browse and search through products, using filters to narrow down their search
by category, price, or availability.
• The shopping cart feature will allow buyers to add products, adjust quantities, and review their
selections before checking out.
• During checkout, buyers will review their orders and input delivery details, with plans to integrate a
payment gateway for completing transactions.
5. Review and Rating System:
• We will include a feature where buyers can leave reviews and rate products after making a purchase.
• Product reviews will be visible to all buyers, offering valuable feedback for future customers and
helping sellers improve their offerings based on user input.
• This system will enhance trust and transparency on the platform.
6. Responsive Frontend Design:
• Our team is utilizing HTML, CSS, Bootstrap, and JavaScript to design a clean and responsive user
interface.
• Bootstrap will ensure that the platform is mobile-friendly and works seamlessly on all devices,
allowing users to shop from anywhere with ease.
• The focus is on delivering a consistent and user-friendly experience across different platforms.
Technology Stack:
• Frontend: HTML, CSS, JavaScript, Bootstrap for responsive, visually appealing design.
• Backend: Node.js and Express for managing server-side operations and API routes.
• Templating: EJS for rendering dynamic content on the platform.
• Database: MongoDB for efficient data management, including users, products, and reviews.
• Authentication: Passport.js for secure login, authentication, and session management.
Need of the Project
The need for this e-commerce project arises from several factors related to modern online shopping
experiences and the growing demand for digital marketplaces. Below are the key reasons why this project is
important:
1. Shift Toward Online Shopping:
• Convenience: In today’s fast-paced world, consumers prefer shopping online due to the convenience
of browsing products, comparing prices, and making purchases without leaving their homes.
• 24/7 Availability: Unlike physical stores, an e-commerce platform is open 24/7, offering users the
flexibility to shop at any time.
• Global Reach: An online platform allows businesses to reach a wider audience beyond geographical
boundaries, offering opportunities for both buyers and sellers to connect across regions.
2. Empowering Small Businesses and Sellers:
• Easy Product Management: The platform allows sellers, especially small and independent
businesses, to manage their product listings efficiently without needing advanced technical
knowledge.
• Direct Access to Buyers: Sellers can directly reach their target customers, promoting and selling their
products without relying on third-party distributors or physical stores.
• Cost-Effective: Operating an e-commerce store eliminates the need for expensive overhead costs
associated with physical retail spaces.
3. Consumer Expectations for Personalized Experiences:
• User Roles for Buyers and Sellers: A dedicated platform for both buyers and sellers provides an
organized and tailored experience, ensuring that users can seamlessly perform tasks according to
their roles.
• Product Reviews and Ratings: Buyers now expect to see user-generated reviews and ratings, which
helps them make informed purchasing decisions. This system builds trust between the buyer and the
seller, enhancing user confidence in their purchases.
4. Efficient Product Management and Shopping Process:
• Streamlined Purchasing: For buyers, a well-designed platform makes it easy to search, filter, and
purchase products with minimal effort.
• Seller Dashboard: For sellers, the ability to manage product listings, view reviews, and track
inventory from a centralized dashboard is essential for efficiently running an online store.
5. Security and Trust:
• Secure Transactions: With the rise in online shopping, there is an increased need for secure login and
authentication systems. By using Passport.js, the platform ensures that buyers and sellers can trust
the system with their personal information and financial transactions.
• Privacy Protection: The use of secure technologies safeguards sensitive user data, promoting trust
and compliance with privacy regulations.
6. Meeting the Demand for Digital Platforms Post-Pandemic:
• Rise in E-commerce Post-COVID-19: The pandemic accelerated the adoption of online shopping, with
more consumers and businesses relying on digital platforms. This shift makes it crucial to develop a
system that caters to this growing demand for digital marketplaces.
7. Enhanced Buyer-Seller Interaction:
• Communication Through Reviews: Reviews and ratings serve as a form of communication between
buyers and sellers. Buyers can give feedback on products, and sellers can respond to reviews,
creating a more transparent and interactive marketplace.
• Competitive Pricing and Offers: Sellers can offer discounts and promotions, giving buyers the ability
to choose between competitive prices and deals, which helps increase buyer engagement.
8. Learning and Skill Development for the Group:
• Real-World Application of Technology: This project provides the opportunity for the group to apply
and expand their knowledge of technologies such as Node.js, Express, MongoDB, Passport.js, and
frontend frameworks like Bootstrap.
• Team Collaboration: Working together on this platform helps the group develop teamwork and
project management skills, which are essential for real-world software development and product
launches.
Problem Statement
In today's fast-evolving digital landscape, consumers increasingly prefer online shopping for its convenience,
wide range of products, and accessibility. However, many small and medium-sized businesses (SMBs) lack an
affordable, scalable, and user-friendly platform to showcase and manage their products, limiting their ability
to reach a broader audience. Moreover, potential buyers face difficulties in finding reliable e-commerce
platforms that provide seamless shopping experiences, secure transactions, and transparent product reviews.
Challenges faced by sellers include:
• Difficulty managing product listings, updating inventory, and engaging directly with customers in an
efficient, intuitive way.
• Limited resources to set up secure, scalable digital storefronts that offer features like user reviews,
product filtering, and real-time inventory tracking.
• Inability to efficiently handle authentication and user roles while ensuring data security.
Challenges faced by buyers include:
• Lack of platforms that offer both transparency (through reviews and ratings) and ease of use when
searching for, purchasing, and reviewing products.
• Concerns about privacy and the security of their personal and financial data when shopping online.
• Limited control over managing purchases, tracking orders, and interacting with sellers for product-
related inquiries.
By addressing these challenges, the project aims to bridge the gap between sellers who need an effective
digital storefront and buyers seeking a secure, transparent, and user-friendly online shopping experience.
Hardware and Software Requirements
1. Hardware Requirements
For both development and deployment, the hardware requirements can vary depending on the scale of the
project. Below is a list of typical hardware requirements for development and hosting.
Development Environment:
• Personal Computers or Laptops for each developer with the following specifications:
o Processor: Intel Core i5 or higher (or equivalent AMD processor)
o RAM: 8 GB minimum (16 GB or higher recommended for better performance)
o Storage: SSD with at least 256 GB (512 GB recommended for faster read/write speeds)
o Operating System: Windows, macOS, or Linux
o Internet Connectivity: Reliable high-speed internet for downloading packages, testing, and
collaboration.
Server Requirements (for deployment):
• Cloud Hosting Provider (e.g., AWS, DigitalOcean, Heroku, or any VPS provider):
o Processor: Multi-core processor (depends on traffic)
o RAM: 4 GB or more for small-scale applications (8 GB or more for larger-scale traffic)
o Storage: 50-100 GB SSD (depending on product images, user data, etc.)
o Bandwidth: Based on expected traffic (scalable with cloud services)
o Operating System: Linux (Ubuntu, CentOS, or any server-friendly distribution)
o Database Server: Separate database server recommended for larger platforms (e.g.,
MongoDB Atlas, hosted MongoDB instances)
2. Software Requirements
The software requirements are divided into frontend, backend, database, and middleware/tools.
Frontend Software:
• HTML, CSS, JavaScript: Core web development languages.
• Bootstrap: For building responsive and mobile-friendly web pages.
• EJS (Embedded JavaScript): For server-side templating and rendering dynamic content.
• Version Control:
o Git (with GitHub, GitLab, or Bitbucket) for version control and collaboration.
Backend Software:
• Node.js: JavaScript runtime for building server-side applications.
• Express.js: Web framework for Node.js to handle routes, middleware, and APIs.
• Passport.js: Authentication middleware for securing login and session management.
• Connect-Flash: For displaying flash messages (e.g., login success, errors).
• Method-Override: To handle PUT and DELETE methods in forms (since HTML forms only support
POST/GET).
Database Software:
• MongoDB: NoSQL database to store product details, user information, reviews, orders, etc.
o For local development: MongoDB Community Edition.
o For deployment: MongoDB Atlas (cloud-based MongoDB service).
Middleware and Tools:
• Node Package Manager (NPM): For managing JavaScript packages.
• Postman or Insomnia: API testing tools to test the backend routes and endpoints.
• Mongoose: ODM (Object Data Modeling) library for MongoDB and Node.js.
• bcrypt: For hashing passwords in the user authentication system.
• Multer: For handling file uploads, such as product images.
• Express-Session: For session management during user authentication.
Development Tools:
o Visual Studio Code (VS Code) or any other text editor (Sublime Text, Atom) for coding.
o Prettier and ESLint: For code formatting and linting (to maintain code quality).
Outcome of the Project
1. Product:
The primary outcome of the project is a fully functional e-commerce platform that includes:
• Buyer Features: Ability to browse products, add them to a cart, make purchases, and leave reviews.
• Seller Features: Capability to add, edit, and delete products, manage inventory, and view reviews.
• Authentication: Secure login system for both buyers and sellers using Passport.js.
• Review System: Buyers can leave feedback, fostering trust between users and sellers.
• Responsive Design: Mobile-friendly, scalable platform built using technologies like Node.js,
Express.js, MongoDB, Bootstrap, and EJS.
➢ This product can be further developed into a commercial solution for businesses looking to expand
their digital presence.
1. Patent (Optional):
Depending on the originality and innovation within the project, there may be opportunities to explore
patentable features. This could include unique methods for:
• Product management and inventory systems.
• User authentication and data protection.
• Review and rating algorithms.
• Scalable infrastructure for managing high traffic and large product catalogs.
References
1. Books and Articles
• "E-Commerce 2024: Business, Technology, Society" by Kenneth C. Laudon and Carol Guercio Traver
• “JavaScript: The Good Parts” by Douglas Crockford
• "Full-Stack JavaScript Development with MEAN" by Colin J. Ihrig and Adam Bretz
• "Node.js Design Patterns" by Mario Casciaro
2. Online Documentation and Tutorials
• Bootstrap Documentation : https://getbootstrap.com/
• Node.js Documentation : https://nodejs.org/en
• EJS documentation : https://www.npmjs.com/package/ejs
• Passport.js Documentation : https://www.passportjs.org/docs/
• Express Js Documentation : https://expressjs.com/
