System Requirements Document (SRD)

Project Name: wild-website

1. Introduction

The purpose of this System Requirements Document (SRD) is to outline the functional and non-functional requirements for the wild-website, a professional website for Shree Ganesh Pharmacy, a medical store based in India. The website will serve as a digital platform to enhance the store's online presence, provide customers with detailed product information, and facilitate secure user interactions through a login system. The website will display prices in Indian Rupees (INR) and maintain a professional aesthetic to establish credibility and trustworthiness.

This document is tailored to meet the specific needs of Niraj, the project owner, and ensures that the final product aligns with the vision of creating a professional business website for Shree Ganesh Pharmacy.

2. System Overview

The wild-website will be a responsive, user-friendly, and professional website designed for Shree Ganesh Pharmacy. It will cater to customers seeking information about available medicines, their prices in INR, and other store-related details. The website will include a login page to allow users to create accounts, manage their profiles, and securely access personalized features such as order tracking or prescription management.

The system will be designed to:

• Provide a seamless user experience across devices (desktop, tablet, and mobile).
• Display product information and prices in INR.
• Ensure secure user authentication and data privacy.
• Maintain a professional and visually appealing design to reflect the credibility of Shree Ganesh Pharmacy.

3. Functional Requirements

As User:

• I should be able to browse medicines and view their details.
• I should be able to see prices in Indian Rupees (INR).
• I should be able to create an account and log in securely.
• I should be able to manage my profile and update personal information.
• I should be able to track my orders.

As Admin:

• I should be able to add, update, or delete product listings.
• I should be able to manage user accounts.
• I should be able to view and manage orders.

As Guest:

• I should be able to browse medicines and view their details without logging in.

4. User Personas

1. Admin

• Role: Pharmacy owner or manager.
• Responsibilities: Manage product listings, user accounts, and orders.
• Goals: Ensure the website is up-to-date and functioning smoothly.

2. Registered User

• Role: Customers who have created an account.
• Responsibilities: Log in to manage profiles, track orders, and save prescriptions.
• Goals: Access personalized features and track their interactions with the pharmacy.

3. Guest

• Role: Visitors who have not logged in or created an account.
• Responsibilities: Browse products and view details.
• Goals: Explore the pharmacy's offerings and decide whether to register.

5. Visuals Colors and Theme

Unique Color Palette for Shree Ganesh Pharmacy:

• Background: #F5F9F8 (Soft Mint Green)
• Surface: #FFFFFF (Pure White)
• Text: #2B2D42 (Deep Charcoal)
• Accent: #FF6F61 (Warm Coral Red)
• Muted Tones: #A8DADC (Calm Aqua Blue)

This palette reflects a clean, professional, and approachable aesthetic, aligning with the pharmacy's trustworthy image.

6. Signature Design Concept

Interactive Medicine Shelf Homepage

The homepage will feature a 3D interactive medicine shelf that mimics the look of a real pharmacy shelf. Users can scroll horizontally or vertically through the shelf to explore different categories of medicines. Each product will appear as a clickable "box" with a hover effect that reveals key details like name, price (in INR), and a "View More" button.

Key Features:

• Hover Animation: When users hover over a product, the box will slightly "pop out" with a shadow effect, and the details will fade in smoothly.
• Category Tabs: Users can switch between categories (e.g., Pain Relief, Vitamins, etc.) using tabs at the top of the shelf.
• Search Bar: A prominent search bar at the top of the page allows users to quickly find specific medicines.
• Dynamic Background: The background will feature a subtle animation of floating medical icons (e.g., pills, capsules, stethoscopes) that move gently to create a modern and engaging feel.
• Call-to-Action (CTA): A bold "Sign Up Now" button will be prominently displayed, encouraging users to create an account and access personalized features.

This design concept ensures that the homepage is not only visually striking but also functional and intuitive, leaving a lasting impression on visitors.

7. Non-Functional Requirements

• Performance: The website should load within 3 seconds on a standard 4G connection.
• Scalability: The system should handle up to 10,000 concurrent users.
• Security: User data must be encrypted, and the login system should use secure authentication protocols.
• Localization: All prices will be displayed in INR, and the website will support Indian time zones.
• Accessibility: The website should comply with WCAG 2.1 AA standards to ensure accessibility for all users.

8. Tech Stack

Frontend:

• React for Web

Backend:

• Python
• FastAPI

Database:

• MySQL (with Alembic for migrations)

AI Tools:

• GPT 5.4 for user-friendly responses

Local Orchestration:

• Docker
• docker-compose

Server-Side Orchestration:

• Kubernetes

9. Assumptions and Constraints

Assumptions:

• Users will primarily access the website from India.
• The pharmacy will provide all product details, including names, prices, and categories.
• The website will not initially include payment gateway integration.

Constraints:

• The website must adhere to Indian regulations for online pharmacies.
• The development timeline is limited to 3 months.

10. Glossary

• INR: Indian Rupee, the currency of India.
• WCAG: Web Content Accessibility Guidelines, a set of guidelines for making web content accessible to people with disabilities.
• CTA: Call-to-Action, a prompt on a website that encourages users to take a specific action.
• Alembic: A lightweight database migration tool for Python.
• FastAPI: A modern, fast web framework for building APIs with Python.