System Requirements Document (SRD)

Project Name: proud-website

1. Introduction

The proud-website project is an e-commerce platform designed to enable William Aikyam to sell uniforms to small businesses, petrol pumps, and hospitals in India. The platform will provide a tailored shopping experience with features such as bulk ordering, product personalization, and a backend dashboard for efficient management. Inspired by Shopify's comprehensive functionality, this project aims to deliver a robust, scalable, and user-friendly solution for both customers and administrators.

This document outlines the system requirements for the proud-website project, ensuring clarity and alignment with William's vision.

2. System Overview

The proud-website platform will consist of two primary components:

1. Frontend (Customer-Facing):

   • A modern, mobile-responsive storefront where customers can browse products, place bulk orders, and personalize uniforms.
   • Secure checkout with multiple payment options.

2. Backend (Administrator Dashboard):

   • A feature-rich dashboard for managing products, orders, personalization requests, and customer data.
   • Analytics tools for tracking sales trends, customer insights, and revenue.

The platform will integrate essential e-commerce functionalities, including product management, shopping cart, payment processing, order management, customer accounts, and analytics.

3. Functional Requirements

Frontend (Customer-Facing):

• As a Customer, I should be able to browse products categorized by industries (small businesses, petrol pumps, hospitals).
• As a Customer, I should be able to place bulk orders with dynamic pricing based on quantity.
• As a Customer, I should be able to personalize uniforms by uploading logos or entering embroidery text.
• As a Customer, I should be able to securely checkout using multiple payment options (e.g., Razorpay, Stripe).
• As a Customer, I should receive email notifications for order confirmations and updates.
• As a Customer, I should be able to create and manage my account to view order history.

Backend (Administrator Dashboard):

• As an Admin, I should be able to add, edit, and delete products, including pricing and stock levels.
• As an Admin, I should be able to manage orders, including tracking statuses and processing personalization requests.
• As an Admin, I should be able to view analytics for sales trends, customer insights, and revenue tracking.
• As an Admin, I should be able to manage customer profiles and view their order history.
• As an Admin, I should be able to create and manage discounts and promotional codes.
• As an Admin, I should be able to configure shipping rates and delivery tracking.

4. User Personas

Admin:

• Description: William Aikyam or designated staff responsible for managing the platform.
• Responsibilities: Product management, order processing, analytics review, customer management, and promotional activities.

Customer:

• Description: Small businesses, petrol pumps, and hospitals purchasing uniforms.
• Responsibilities: Browsing products, placing bulk orders, personalizing uniforms, and managing their accounts.

5. Visuals Colors and Theme

Color Palette:

• Background: #F8F9FA (Soft Gray)
• Surface: #FFFFFF (Pure White)
• Text: #212529 (Charcoal Black)
• Accent: #007BFF (Vibrant Blue)
• Muted Tones: #6C757D (Neutral Gray)

Theme:

The theme will be clean, professional, and modern, reflecting the uniform industry's focus on precision and reliability. The color palette ensures readability and a polished aesthetic, with vibrant accents for interactive elements.

6. Signature Design Concept

Concept: Interactive Uniform Builder

The homepage will feature an Interactive Uniform Builder as its centerpiece. Customers will see a dynamic 3D model of a uniform that they can personalize in real-time.

Features:

• Customers can select the uniform type (e.g., hospital scrubs, petrol pump attire) from a dropdown menu.
• A live preview updates as they choose colors, upload logos, or enter embroidery text.
• Micro-interactions: Hovering over customization options triggers subtle animations (e.g., buttons glow or icons pulse).
• Smooth transitions: The uniform rotates or zooms in when changes are applied, creating an engaging experience.
• Background: A gradient animation subtly shifts between the brand's accent colors to create a dynamic and professional feel.

This bold design will make the platform instantly memorable and elevate the personalization experience.

7. Non-Functional Requirements

• Performance: The platform must handle up to 10,000 concurrent users without degradation in performance.
• Scalability: The system should be scalable to accommodate future growth in product catalog and customer base.
• Security: Implement SSL encryption, secure payment gateways, and robust authentication mechanisms.
• Localization: Support for Indian currency (INR) and timezone (IST).
• Accessibility: Ensure compliance with WCAG 2.1 accessibility standards.

8. Tech Stack

Frontend:

• React for Web

Backend:

• Python
• FastAPI

Database:

• MySQL (with Alembic for migrations)

AI Models:

• GPT 5.4 for user-friendly responses
• Google Nano Banana for image generation

AI Tools:

• Langchain
• Litellm for LLM Routing

Orchestration:

• Docker
• Kubernetes

9. Assumptions and Constraints

Assumptions:

• Customers will primarily access the platform via web browsers on desktop and mobile devices.
• Bulk ordering and personalization are key differentiators for the platform.

Constraints:

• The platform must comply with Indian e-commerce regulations and tax laws.
• Payment gateway integration must support INR transactions.

10. Glossary

• Bulk Ordering: The ability to purchase large quantities of products at discounted rates.
• Personalization: Customizing uniforms with logos, embroidery text, or other design elements.
• Dashboard: The backend interface for managing the platform.
• WCAG: Web Content Accessibility Guidelines, ensuring the platform is accessible to users with disabilities.