System Requirements Document (SRD)

Project Name: amber-restaurant

1. Introduction

Welcome to the System Requirements Document (SRD) for amber-restaurant, a project aimed at creating a fully functional, production-ready, full-stack restaurant website for PAGE 3 - Multi Cuisine Restaurant, located in Gwalior, India. This document outlines the requirements, design concepts, and technical specifications necessary to deliver a premium café website that is vibrant, Instagram-worthy, and user-friendly.

The website will cater to the trendy multi-cuisine café and rooftop dining experience, ensuring seamless functionality for diners, staff, and administrators.

2. System Overview

The amber-restaurant project will deliver a modern, aesthetically pleasing website with the following features:

• Dynamic menu management integrated with a database.
• Online ordering system with cart functionality and payment options.
• Table booking system with real-time confirmation.
• Role-based admin panel for managing restaurant operations.
• Fully responsive design optimized for mobile-first users.
• Backend APIs for seamless data handling and integration.

Target audience includes young diners, families, and tourists in Gwalior seeking a trendy dining experience.

3. Functional Requirements

User Story Points:

• As a User, I should be able to browse the menu with categories and item details (image, name, price, description).
• As a User, I should be able to add/remove/update items in my cart.
• As a User, I should be able to place an order with payment options (Cash on Delivery, UPI).
• As a User, I should be able to book a table by providing name, phone, date, time, and guest count.
• As a User, I should receive a confirmation for my booking.
• As a User, I should be able to contact the restaurant via a form or view contact details.
• As an Admin, I should be able to securely log in to the admin panel.
• As an Admin, I should be able to add/edit/delete menu items.
• As an Admin, I should be able to view orders, bookings, and contact messages.
• As a Staff, I should be able to log in and view bookings and orders without editing privileges.

4. User Personas

1. User (Diner)

• Age: 18–40
• Interests: Dining out, trendy café experiences, rooftop ambience.
• Needs: Easy navigation, dynamic menu browsing, seamless ordering and booking.

2. Admin

• Role: Restaurant owner or manager.
• Needs: Full control over menu, orders, bookings, and contact messages.

3. Staff

• Role: Restaurant staff handling operations.
• Needs: Limited access to view bookings and orders.

5. Visuals Colors and Theme

Color Palette:

• Background: #F5F5F5 (Soft Cream White)
• Surface: #E8F1F2 (Pastel Teal)
• Text: #2C2C2C (Charcoal Black)
• Accent: #FFB6C1 (Pastel Pink)
• Muted Tones: #FFD700 (Warm Yellow)

Design Elements:

• Neon blue glowing text for signage (e.g., “Do What You Love”).
• Glassmorphism cards with smooth hover effects.
• Rooftop ambience visuals with warm lighting and artistic wall gallery.

6. Signature Design Concept

Interactive Rooftop Experience Homepage

The homepage will feature a 3D rooftop dining experience that immerses users in the ambience of the restaurant.

Details:

• Hero Section: A panoramic night view of the rooftop with glowing neon signs and warm lighting. Users can interact with the scene by hovering over tables, which light up dynamically.
• Trending Dishes Slider: Cards with glassmorphism effects that smoothly slide and expand on hover.
• Instagram Gallery: A grid of pop-art styled images that shuffle and animate when clicked.
• Neon Banner Section: A glowing “Do What You Love” sign that pulses subtly, creating an inviting vibe.
• Micro-Interactions: Buttons and links will have ripple effects, and transitions between sections will feature smooth scrolling animations.

This homepage design will leave users with a memorable first impression, making them eager to explore the restaurant further.

7. Non-Functional Requirements

• Performance: The website must load within 3 seconds on standard internet connections.
• Scalability: The backend must support up to 10,000 concurrent users.
• Security: Implement JWT authentication for admin and staff roles.
• Accessibility: Ensure WCAG 2.1 compliance for visually impaired users.
• Localization: Default currency in INR and timezone set to IST.

8. Tech Stack

Frontend:

• React.js
• Tailwind CSS
• Framer Motion (optional for animations)

Backend:

• Python
• FastAPI

Database:

• MongoDB for menu, orders, bookings, and contact messages.

AI Tools:

• GPT 5.4 for user-friendly responses.
• Litellm for LLM routing.

Orchestration:

• Docker and docker-compose for local development.
• Kubernetes for server-side orchestration.

9. Assumptions and Constraints

Assumptions:

• Users will primarily access the website via mobile devices.
• The restaurant will provide high-quality images for menu items and gallery.
• Payment integration will be limited to Cash on Delivery and UPI.

Constraints:

• The website must be delivered within 8 weeks.
• Budget constraints may limit advanced AI features.

10. Glossary

• JWT: JSON Web Token, a method for securely transmitting information between parties.
• Glassmorphism: A design trend featuring translucent surfaces with frosted-glass effects.
• WCAG: Web Content Accessibility Guidelines, standards for making web content accessible.
• UPI: Unified Payments Interface, a real-time payment system in India.

End of Document