System Requirements Document (SRD)

Project Name: divine-mould

1. Introduction

The divine-mould project aims to create a cutting-edge, 3D interactive website for a mould-making company based in India. The primary goal of this website is to attract large-scale factory clients by showcasing the company’s portfolio and expertise in mould-making through engaging animations and interactive 3D models.

This document outlines the system requirements for the divine-mould project, ensuring alignment with the vision shared by Prakash, the project owner. The website will serve as a digital showcase of the company’s craftsmanship, precision, and innovation in mould-making.

2. System Overview

The divine-mould website will be a visually immersive platform designed to captivate large-scale factory clients. It will feature:

• Interactive 3D models of mould designs that users can rotate, zoom, and explore.
• Animated process flows to explain the mould-making process step-by-step.
• A portfolio section showcasing intricate mould designs and completed projects.
• A professional yet engaging user interface tailored to the needs of industrial clients.

The website will be optimized for both desktop and mobile platforms, ensuring accessibility and usability across devices.

3. Functional Requirements

As User:

• I should be able to view and interact with 3D models of mould designs.
• I should be able to rotate, zoom, and explore the details of the 3D models.
• I should be able to view animations explaining the mould-making process step-by-step.
• I should be able to browse a portfolio of completed mould designs and projects.
• I should be able to contact the company directly through a form or chat feature.

As Admin:

• I should be able to upload new 3D models and animations to the website.
• I should be able to manage the portfolio section by adding, editing, or removing projects.
• I should be able to view and respond to client inquiries submitted through the website.

4. User Personas

1. Factory Client

• Description: Decision-makers or engineers from large-scale factories looking for reliable mould-making services.
• Goals: To evaluate the company’s expertise and portfolio, and to establish contact for potential projects.
• Needs: A professional, visually engaging website that demonstrates the company’s capabilities.

2. Admin (Company Representative)

• Description: Internal team members responsible for managing website content and responding to client inquiries.
• Goals: To keep the website updated with the latest portfolio items and respond promptly to client inquiries.
• Needs: An easy-to-use admin interface for managing content and communications.

5. Visuals, Colors, and Theme

Color Palette

The divine-mould website will use a unique color palette that reflects professionalism, innovation, and precision:

• Background: #1A1A2E (Deep Navy Blue)
• Surface: #16213E (Dark Steel Blue)
• Text: #EAEAEA (Soft White)
• Accent: #F05454 (Vibrant Coral Red)
• Muted Tones: #6C757D (Muted Gray)

This palette conveys a sense of industrial sophistication while maintaining visual appeal.

6. Signature Design Concept

Interactive 3D Workshop Homepage

The homepage of the divine-mould website will transport users into a virtual 3D workshop. Visitors will feel as though they are stepping into the company’s workspace, surrounded by interactive 3D moulds and machinery.

Key Features:

1. Rotating Moulds: The homepage will feature a central, rotating 3D mould that users can interact with. Hovering over the mould will display key details about its design and purpose.
2. Process Animation: A dynamic animation will play in the background, showing the mould-making process from raw material to finished product.
3. Interactive Navigation: Users will navigate the site by clicking on 3D objects in the workshop (e.g., a portfolio book for completed projects, a phone for contact information).
4. Micro-Interactions: Subtle animations, such as glowing edges or smooth transitions, will guide users through the site.
5. Ambient Sound: Optional background sounds of a workshop (e.g., faint machinery noises) will enhance the immersive experience.

This bold and unforgettable design will leave a lasting impression on visitors, setting the company apart from competitors.

7. Non-Functional Requirements

• Performance: The website must load within 3 seconds on a standard broadband connection.
• Responsiveness: The website must be fully responsive and functional on both desktop and mobile devices.
• Accessibility: The website must adhere to WCAG 2.1 AA standards to ensure accessibility for all users.
• Security: All client data submitted through the website must be encrypted and stored securely.
• Scalability: The website must be able to handle up to 10,000 concurrent users without performance degradation.

8. Tech Stack

Frontend

• React for Web

Backend

• Python
• FastAPI

Database

• MySQL (with Alembic for migrations)

AI Tools

• Litellm for LLM Routing
• Langchain

Local Orchestration

• Docker
• docker-compose

Server-Side Orchestration

• Kubernetes

9. Assumptions and Constraints

• The target audience consists primarily of large-scale factory clients in India.
• The website will be hosted on a cloud platform with support for Kubernetes.
• The company will provide 3D models and animations for integration into the website.
• The website must support both English and Hindi languages.

10. Glossary

• 3D Model: A digital representation of a physical object that can be viewed and interacted with in three dimensions.
• Portfolio: A collection of completed projects showcasing the company’s expertise.
• WCAG: Web Content Accessibility Guidelines, a set of standards for making web content accessible to people with disabilities.
• LLM Routing: The process of directing user queries to the most appropriate language model for response generation.
• Kubernetes: An open-source platform for managing containerized applications.