System Requirements Document (SRD) for prism-website

1. Introduction

The prism-website is an e-commerce platform designed exclusively for Meet Kanteliya's mirror shop. The website will serve as a sleek, user-friendly interface for showcasing and selling a curated selection of mirrors. Inspired by Amazon's functionality but tailored specifically for Meet's products, the platform will focus on delivering a seamless shopping experience for customers in India. The website will include features such as product filtering, secure payment gateways, and order tracking, ensuring a modern and efficient e-commerce experience.

2. System Overview

The prism-website will act as a digital storefront for Meet's mirror shop, allowing customers to browse, filter, and purchase mirrors online. The system will include the following key components:

• Frontend: A responsive and visually appealing interface for customers to explore products, add items to their cart, and complete purchases.
• Backend: A robust backend to manage product inventory, process orders, and handle secure payments.
• Database: A reliable database to store product details, customer information, and order history.
• AI Integration: Optional AI tools to enhance user experience, such as personalized product recommendations and customer support chatbots.

The platform will cater to homeowners, interior designers, and retail customers, offering a variety of mirrors categorized by size, shape, and style. The website will prioritize ease of use, aesthetic appeal, and secure transactions.

3. Functional Requirements

• As a User, I should be able to browse a catalog of mirrors with high-quality images and detailed descriptions.
• As a User, I should be able to filter mirrors by size, shape, style, and price range.
• As a User, I should be able to search for specific mirror products using keywords.
• As a User, I should be able to add mirrors to a shopping cart.
• As a User, I should be able to view and edit the contents of my shopping cart.
• As a User, I should be able to securely complete a purchase using multiple payment options (e.g., credit/debit cards, UPI, net banking).
• As a User, I should be able to track my order status post-purchase.
• As an Admin, I should be able to add, update, or remove products from the catalog.
• As an Admin, I should be able to view and manage customer orders.
• As an Admin, I should be able to generate sales reports and analytics.

4. User Personas

4.1 Homeowners

• Description: Individuals looking to purchase mirrors for personal use in their homes.
• Needs: Easy navigation, clear product descriptions, and secure payment options.

4.2 Interior Designers

• Description: Professionals seeking unique or custom mirrors for their design projects.
• Needs: Advanced filtering options, detailed product specifications, and bulk purchase capabilities.

4.3 Retail Customers

• Description: General shoppers browsing for decorative or functional mirrors.
• Needs: A visually appealing interface, competitive pricing, and fast delivery options.

4.4 Admin

• Description: Meet Kanteliya or designated staff managing the website's operations.
• Needs: Intuitive admin dashboard for product and order management.

5. Visuals Colors and Theme

The prism-website will feature a modern and elegant design inspired by the reflective and sleek nature of mirrors. Below is the custom color palette:

• Background: #F5F5F5 (Soft Silver)
• Surface: #FFFFFF (Pure White)
• Text: #333333 (Deep Charcoal)
• Accent: #0077B6 (Mirror Blue)
• Muted Tones: #B0BEC5 (Frosted Gray)

The theme will emphasize minimalism and clarity, with a focus on high-quality imagery and clean typography.

6. Signature Design Concept

The prism-website will feature a "Living Mirror" Homepage. This bold and unforgettable design will create an immersive first impression:

• Visuals: The homepage will display a full-screen interactive mirror effect. As users move their cursor, the "mirror" will reflect subtle animations of light and shadow, mimicking the reflective properties of real mirrors.
• Transitions: Smooth fade-ins and slide animations will guide users through sections of the homepage.
• Interactive Elements: Hovering over product categories will create a ripple effect, as if touching the surface of water.
• Micro-Interactions: Buttons and icons will have a polished, glass-like appearance, with subtle glows on hover.
• Mood: The design will evoke sophistication and elegance, aligning with the premium nature of the products.

This concept will set the prism-website apart from competitors, leaving a lasting impression on visitors.

7. Non-Functional Requirements

• Performance: The website should load within 3 seconds on a standard broadband connection.
• Scalability: The system should support up to 10,000 concurrent users.
• Security: All transactions must be encrypted using SSL/TLS protocols.
• Accessibility: The website must comply with WCAG 2.1 Level AA standards.
• Localization: The website will default to Indian currency (INR) and timezone (IST).

8. Tech Stack

Frontend

• React for Web

Backend

• Python
• FastAPI

Database

• MySQL (with Alembic for migrations)

AI Tools

• GPT 5.4 for personalized product recommendations
• Litellm for LLM Routing

Orchestration

• Docker
• Kubernetes

9. Assumptions and Constraints

• The website will initially target customers in India.
• Payment gateways will include options popular in India (e.g., UPI, Paytm).
• Delivery logistics will be handled by third-party providers.
• The admin dashboard will be accessible only to authorized personnel.

10. Glossary

• Frontend: The part of the website that users interact with directly.
• Backend: The server-side logic that powers the website's functionality.
• SSL/TLS: Security protocols for encrypting data transmitted over the internet.
• WCAG: Web Content Accessibility Guidelines, ensuring the website is usable by people with disabilities.
• LLM: Large Language Model, an AI tool for natural language processing.