Emmanuel’s Candy Business System Requirements Document

1. Introduction

This document outlines the system requirements for Emmanuel’s Candy Business, an online store showcasing Emmanuel's candy-making journey and offering chamoy candy for sale.

2. System Overview

Emmanuel’s Candy Business is an e-commerce platform designed to sell chamoy candy online. The system will provide a seamless shopping experience, highlighting the unique flavors and ingredients of the candies. The platform will also share Emmanuel's journey in candy-making.

3. Functional Requirements

• As a Customer, I should be able to view a variety of chamoy candies available for purchase.
• As a Customer, I should be able to add candies to my shopping cart.
• As a Customer, I should be able to proceed to checkout and make a purchase.
• As a Customer, I should be able to read about Emmanuel's candy-making journey.
• As a Customer, I should be able to view the price of each candy item, starting at $3.50.
• As an Admin, I should be able to update candy inventory and prices.
• As an Admin, I should be able to manage customer orders and shipping details.

4. User Personas

• Customer: Interested in purchasing chamoy candy and learning about Emmanuel's candy-making journey.
• Admin: Manages the online store, inventory, and customer orders.

5. Core User Flows

• Customer browses candy selection -> adds items to cart -> proceeds to checkout -> completes purchase.
• Admin updates inventory -> manages orders -> processes shipping.

6. Visuals Colors and Theme

• primary: #FF69B4 (Hot Pink)
• primary_light: #FFB6C1 (Light Pink)
• secondary: #FFD700 (Gold)
• accent: #FF4500 (Orange Red)
• highlight: #FFA500 (Orange)
• bg: #FFF5EE (Seashell)
• surface: rgba(255, 228, 225, 0.8) (Misty Rose)
• text: #333333 (Dark Gray)
• text_muted: #777777 (Gray)
• border: rgba(255, 182, 193, 0.2) (Light Pink)

7. Signature Design Concept

Candy Carousel Experience

The homepage will feature an interactive candy carousel. Users can swipe or click through a rotating display of candy images, each with a brief description and price. Hovering over a candy will reveal a fun fact about its ingredients or Emmanuel's candy-making process. The carousel will use framer-motion for smooth transitions and spring animations, creating an engaging and dynamic user experience.

8. Interaction Model & Motion Direction

• Interaction Model: Parallax
  • The landing page will feature layered depth with candy images and text moving at different speeds as the user scrolls.
  • Each section will have a distinctive interactive element, such as hover animations or scroll-triggered reveals.

9. Non-Functional Requirements

• The system should handle up to 1000 concurrent users.
• The website should load within 3 seconds on a standard broadband connection.
• Ensure data security for customer information and transactions.

10. Tech Stack

• Frontend: React for Web
• Backend: Python, FastAPI
• Database: MySQL
• AI Tools: Not applicable

11. Assumptions and Constraints

• The platform will initially target the US market.
• All prices are in USD.
• The system will not support international shipping in the initial phase.

12. Glossary

• Chamoy: A Mexican condiment made from pickled fruit.
• Carousel: A rotating set of images or content.
• Parallax: A scrolling technique where background images move slower than foreground images, creating an illusion of depth.