Wedding Site System Requirements Document

1. Introduction

This document outlines the system requirements for the "Wedding Site" project, which aims to create an online wedding invitation and event management platform for the wedding of Janaki Rama Raju and Shoba Rani. The site will provide details about the wedding ceremony and reception, and facilitate guest interactions.

2. System Overview

The Wedding Site will serve as a digital invitation and information hub for the wedding events of Janaki Rama Raju and Shoba Rani. It will include event details, family information, and interactive features to engage guests.

2a. Source Content Inventory

• Content Source: The site requires JavaScript to display content, with branding from "Emergent | Fullstack App, Made with Emergent".
• Domain Context: The domain is "july-2026-wedding-2.emergent.host", indicating a wedding invitation or event site.
• Brand Source: The platform is branded as "Emergent", with ownership hints pointing to the Emergent platform.
• Structure Reference: No static HTML structure is available; the site relies on JavaScript for rendering.
• Feature Reference: The site likely includes interactive UI elements, but specific features are unknown without JavaScript execution.

3. Functional Requirements as Story Points

• As a Guest, I should be able to view the wedding ceremony details for 19 August 2026 at 10:30 AM in Gunadala, Vijayawada.
• As a Guest, I should be able to view the reception details for 20 August 2026 at 10:00 AM in Kakinada.
• As a Guest, I should be able to see the names and details of the groom's and bride's families.
• As a Guest, I should be able to confirm my attendance at the wedding events.
• As a Guest, I should be able to send my blessings and messages to the couple.

4. User Personas

• Guest: Individuals invited to the wedding who will use the site to get event details and confirm their attendance.

5. Core User Flows

• Guest visits the site -> views wedding ceremony details -> views reception details -> confirms attendance -> sends blessings to the couple.

6. Visuals Colors and Theme

• primary: #8B0000 (Dark Red)
• primary_light: #CD5C5C (Indian Red)
• secondary: #FFD700 (Gold)
• accent: #32CD32 (Lime Green)
• highlight: #FFA07A (Light Salmon)
• bg: #FFFFFF (White)
• surface: rgba(255, 228, 225, 0.8) (Misty Rose)
• text: #000000 (Black)
• text_muted: #696969 (Dim Gray)
• border: rgba(139, 0, 0, 0.2) (Dark Red)

7. Signature Design Concept

The homepage will feature an interactive 3D wedding invitation card that opens up when clicked. Using @react-three/fiber and @react-three/drei, the card will elegantly unfold to reveal the wedding details. Guests can interact with the card by clicking on different sections to view more information about the ceremony, reception, and family details. The background will have a subtle animation of falling rose petals, creating a romantic atmosphere.

8. Interaction Model & Motion Direction

• Interaction Model: Parallax
• The landing page will have layered depth with a parallax effect, where decorative elements like rose petals move at different speeds as the user scrolls, while the main content remains in the normal flow.
• Internal pages will be static to ensure clarity and ease of access to information.

9. Non-Functional Requirements

• The site must be accessible on all modern browsers with JavaScript enabled.
• It should load within 3 seconds on a standard internet connection.
• The site must be responsive and work seamlessly on mobile devices.

10. Tech Stack

• Frontend: React for Web
• Backend: Python, FastAPI
• Database: MySQL or MariaDB
• AI Tools: None specified
• Orchestration: Docker, docker-compose

11. Assumptions and Constraints

• The site will be hosted on the Emergent platform.
• All interactive features require JavaScript to function.
• The design and functionality are based on the capabilities of the Emergent platform.

12. Glossary

• Guest: An individual invited to the wedding.
• Emergent Platform: The hosting and development platform used for the site.
• Parallax: A scrolling technique where background images move slower than foreground images, creating an illusion of depth.