home bakery

byTyra Kahoro

a home bakery

No preview

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document

Home Bakery System Requirements Document

Introduction

This document outlines the system requirements for the "Home Bakery" project. The project aims to facilitate online order placement, scheduling of pickups, and menu browsing for a home bakery catering to local customers in Kenya.

System Overview

The Home Bakery system will provide an online platform for local customers to browse the bakery's menu, place orders, and schedule pickups. The system will enhance customer convenience and streamline the bakery's order management process.

Functional Requirements

  • As a Customer, I should be able to browse the bakery menu online.
  • As a Customer, I should be able to place an order online.
  • As a Customer, I should be able to schedule a pickup time for my order.

User Personas

  • Customer: A local individual interested in purchasing bakery items online. They value convenience and efficiency in placing orders and scheduling pickups.
Page 1 of 4

Core User Flows

  • Customer browses the menu -> selects items -> places an order -> schedules a pickup time.
  • Customer receives order confirmation -> arrives at the bakery at the scheduled time -> picks up the order.

Visuals Colors and Theme

  • primary: #8B4513 (Saddle Brown)
  • primary_light: #CD853F (Peru)
  • secondary: #FFD700 (Gold)
  • accent: #FF4500 (Orange Red)
  • highlight: #FFA500 (Orange)
  • bg: #FFF8DC (Cornsilk)
  • surface: rgba(255, 248, 220, 0.8) (Cornsilk)
  • text: #2F4F4F (Dark Slate Gray)
  • text_muted: #696969 (Dim Gray)
  • border: rgba(139, 69, 19, 0.2) (Saddle Brown)

Signature Design Concept

The Home Bakery website will feature an interactive "Baking Journey" homepage. As users scroll, they will experience a virtual tour of the bakery's kitchen. Using @react-three/fiber and @react-three/drei, the page will simulate a 3D kitchen environment where users can click on different baking stations to explore menu items. Hovering over ingredients will reveal fun facts and recipe tips, creating an engaging and educational experience.

Page 2 of 4

Interaction Model & Motion Direction

The landing page will utilize a "parallax" interaction model. Layers of the bakery kitchen will move at different speeds as users scroll, creating a sense of depth and immersion. Interactive elements will have subtle animations triggered by hover and click actions, enhancing user engagement.

Non-Functional Requirements

  • The system should be accessible and responsive across various devices and screen sizes.
  • The system should ensure data security and privacy for customer information.
  • The system should handle concurrent user sessions efficiently.

Tech Stack

  • Frontend: React for Web
  • Backend: Python, FastAPI
  • Database: MySQL or MariaDB, using Alembic for migrations

Assumptions and Constraints

  • The system will primarily serve local customers within Kenya.
  • The bakery will manage the menu and order updates manually through an admin interface.
  • Internet connectivity is assumed for both the bakery and customers.
Page 3 of 4

Glossary

  • Customer: An individual placing an order through the Home Bakery system.
  • Menu: The list of bakery items available for purchase.
  • Order: A request made by a customer for bakery items.
  • Pickup: The scheduled time for a customer to collect their order from the bakery.
Page 4 of 4

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: View Bakery
Menu: Browse Items
Menu: View Item Details
Cart: Add Items
Cart: Review Order
Order: Place Order
Order: Schedule Pickup
Order: Confirm Details
Confirmation: View Summary
Confirmation: Track Order

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: View Bakery
Menu: Browse Items
Menu: View Item Details
Cart: Add Items
Cart: Review Order
Order: Place Order
Order: Schedule Pickup
Order: Confirm Details
Confirmation: View Summary
Confirmation: Track Order