Kalpatru Fashion Store
Redefining Modern Style
kalpatru Fashion Store – Redefining Modern Style
Name :-Aman Sharma
Course :- Bachelor of Computer Application (BCA)
Enrollment no:- ODL/BCA/JULY-22/3229
College Name:-Jamia Hamdard University
1. Introduction
• The Kalpatru Fashion Store is a web-based e-commerce platform focused on selling fashion and
lifestyle products.
• It provides users with a seamless, user-friendly interface to browse, search, and purchase clothing
and accessories online.
• Designed to cater to modern shopping trends, it offers 24/7 accessibility, eliminating the limitations
of traditional retail.
• The project implements standard features such as user registration, product filtering, shopping cart,
and secure checkout.
• It benefits both customers and admin, making product management, order tracking, and inventory
control more efficient.
• Technologies used include HTML, CSS, JavaScript and Node.js
• The system is scalable, secure, and can be enhanced with future integrations like payment
gateways, mobile apps, and AI-based recommendations.
2. Objective
• To design and develop an online fashion store that offers 24/7 access to clothing and lifestyle products
.
•To provide a user-friendly interface for customers to register, log in, browse products, and place orders easily.
•To implement a secure and reliable shopping cart and checkout system with payment gateway integration
•To enable the admin to manage products, categories, inventory, user accounts, and order history efficiently.
•To minimize the dependency on physical retail stores by providing a complete digital shopping experience.
•To streamline the order placement and fulfillment process using structured data flow and database integration.
•To implement responsive design using modern web technologies for access across devices (desktop, tablet,
mobile).
•To lay the foundation for future enhancements like AI-based recommendations, mobile apps, and loyalty
systems.
•To improve customer satisfaction through an organized and seamless e-commerce platform.
•To practice real-world application of web development skills using HTML, CSS, JavaScript, PHP/Node.js, and
MySQL.
3. Problem Statements
•Traditional retail fashion stores have limited reach due to physical location and working
hours.
•Customers demand a faster, more convenient, and accessible shopping experience.
•Existing fashion e-commerce platforms are often complex and lack user-friendliness.
•Small fashion retailers struggle to establish a strong online presence due to high
development costs.
•Many platforms lack essential features like secure checkout, product filtering, and easy
admin control.
•Absence of real-time order tracking and product availability affects customer satisfaction.
•There is no centralized platform for both users and admins to manage fashion sales
effectively.
•The growing popularity of online shopping highlights the need for a modern, responsive
fashion website.
4. Software Requirements Specification
1.Software Requirements
These are the essential software components required to run and access the Kalpatru Fashion Store
Website:
Software Component Requirement
Operating System Windows 10 / Linux / macOS
Web Browser Google Chrome, Mozilla Firefox, Microsoft Edge
Web Server Node.js Express +(for JS)
Programming HTML, CSS, JavaScript; Node.js (for backend)
Languages
Code Editor Visual Studio Code / Sublime Text / Atom
Version Control Git (optional), GitHub or GitLab for project tracking
Payment Gateway Test/Mock Payment Integration (Razorpay, PayPal)
2. Development Tools & Frameworks
These are the tools used during the development and design phase of the project:
Tool/Framework Purpose
Visual Studio Code Code editor for HTML, CSS, JS
Bootstrap Responsive front-end design framework
Font Awesome Icon library for UI components
Google Fonts Typography styles for headings and content
Git & GitHub Version control and code backup (optional)
3. Hardware Requirements
Component Minimum Recommended Requirement
Requirement
Processor (CPU) Intel Core i3 / AMD Intel Core i5 or above / AMD Ryzen 5 or above
Ryzen 3
RAM 4 GB 8 GB or higher
Storage 10 GB free disk space SSD with at least 50 GB free space
Display 1024x768 resolution 1366x768 or Full HD (1920x1080)
Internet Broadband connection High-speed broadband
Input Devices Keyboard, Mouse Keyboard, Mouse
5. Context Flow Chart
______________________________________________________________________________
6. Data Flow Diagram (DFD)
Data Flow Diagram Level 0
External Interaction Data Flow
Entity with System
Customer Registers, logs Sends: Registration Data, Order Info, Search Queries
in, views Receives: Product Details, Order Confirmation, Invoice
products,
places orders
Admin Manages Sends: Product Update, Inventory Data
products, Receives: Sales Reports, Order Data
categories,
inventory, and
orders
Payment Handles secure Sends: Payment Status
Gateway payment Receives: Payment Request, Order Amount
transactions
Data Flow Diagram Level 1
Process No. Process Name Description Input Output External
Entities
1.0 User Handles user User Details User Account Users, Admin
Management registration, Created/Login
login, and Success
account
management
2.0 Product Allows users to Search Query, Product List, Product Database
Browsing browse and Category Click Product Details
search for
fashion items
4.0 Payment Processes Order Amount, Payment Status Payment
Processing payment through Payment Info Gateway
external payment
gateways
5.0 Shipping and Manages Delivery Info, Shipping Shipping Partner
Delivery shipment of Order Details Confirmation
products to user
location
Data Flow Diagram Level 2
Process No. Process Name Description Inputs Outputs Data Store / Entity
2.1 User Registration & Handles user sign-up User Credentials Access Granted / User Database
Login and login (Username, Password, Registration Success
authentication etc.)
2.2 Browse Fashion Items Enables users to Search Query, Filters Product Listings, Fashion Item
explore available Product Details Database
fashion products
2.3 Add Item to Cart Allows users to add Product Selection Cart Updated Admin
selected products to Notification
their shopping cart
2.4 Checkout & Payment Manages checkout Cart Items, Payment Payment Order Records
and payment Info Confirmation, Invoice
processing
2.5 Order Records Records order details Confirmed Order Order ID, Order Review Repository
and tracks order Details Tracking Info
status
2.6 Review Management Stores and displays Product Review from Review Confirmation, Review Repository
user reviews after User Feedback Stored
purchase
7. Entity Relationship Diagram (ER - Diagram)
8. Snapshots of the Project
Home page
Account Page
Shop page
Contact Page
9. Conclusion
•The Kalpatru Fashion Store project successfully provides a complete e-commerce solution for fashion retail.
•It offers a user-friendly and responsive platform where customers can browse, search, and purchase products easily.
•Key modules like user authentication, product listing, shopping cart, and payment gateway are implemented
effectively.
•The admin panel helps manage inventory, products, and orders, improving business control and efficiency.
•The system addresses the limitations of traditional shopping by offering 24/7 accessibility and global reach.
•Technologies like HTML, CSS, JavaScript, PHP, and MySQL were used to develop a scalable and secure platform.
•The project follows a structured approach with diagrams like DFDs, ERD, and flowcharts to ensure logical design.
•Though there are limitations, the platform lays a strong foundation for future upgrades such as mobile apps, AI-
based recommendations, and cloud deployment.
•Overall, the project enhances both customer experience and backend operations in the fashion retail space.
10. Limitation
•The website includes only basic security features; advanced security like two-factor authentication is not yet
implemented.
•Limited payment options are available; only a single gateway is integrated, reducing flexibility for users.
•No dedicated mobile app is available, which may limit access and user experience on smartphones.
•Product recommendations are not personalized based on user behavior or purchase history.
•Real-time inventory updates and supplier integration are not yet implemented.
•Admin dashboard lacks advanced features like analytics, customer segmentation, or promotional tools.
•Reviews and ratings are not moderated or verified, which may affect trust in product feedback.
•The system is designed for small to medium scale and may require optimization for high traffic or product
volume.
11. Future Scope
•Develop a dedicated mobile application for Android and iOS to enhance accessibility and user engagement.
•Integrate multiple payment gateways (UPI, wallets, credit/debit cards) for more flexible and secure transactions.
•Add AI-based product recommendations to offer personalized shopping experiences for users.
•Implement advanced security features such as OTP verification, CAPTCHA, and two-factor authentication.
•Introduce real-time inventory synchronization with suppliers and warehouses for better stock accuracy.
•Enhance the admin panel with data analytics, sales reports, and customer insights.
•Launch a loyalty program and promotional engine to improve customer retention.
•Enable multi-language and multi-currency support to expand to global markets.
•Host the website on a cloud-based infrastructure (e.g., AWS, Azure) for improved scalability and performance.
•Integrate with third-party logistics (3PL) services to automate shipping, delivery tracking, and returns.
12. Bibliography
➢ Pressman, R. S. – Software Engineering: A Practitioner’s Approach, for understanding system development lifecycle
and design models.
➢ Jon Duckett – HTML & CSS: Design and Build Websites, for frontend web development references.
➢ W3Schools – https://www.w3schools.com, for HTML, CSS, JavaScript, and responsive design tutorials.
➢ GeeksforGeeks – https://www.geeksforgeeks.org, for backend programming concepts and MySQL queries.
➢ MDN Web Docs – https://developer.mozilla.org, for official documentation of HTML, CSS, JavaScript, and browser
APIs.
➢ Stack Overflow – https://stackoverflow.com, for troubleshooting and community discussions during development.
➢ Bootstrap – https://getbootstrap.com, for implementing responsive design using pre-built components.
➢ Font Awesome – https://fontawesome.com, for icons used in the user interface.
➢ Canva – https://www.canva.com, for creating system diagrams and visual documentation.
➢ GitHub – https://github.com, for version control and referencing similar open-source projects.
➢ IEEE Xplore – https://ieeexplore.ieee.org, for research papers on e-commerce system design and architecture.
