Skip to content

Demo Setup

Experience the Digital Memory Chest with a complete demonstration featuring Eleanor Thompson's memorial collection. The demo showcases the enhanced Gallery interface, professional visual design, and all key features in a respectful, ready-to-explore environment.

Quick Demo Launch

The fastest way to experience the Digital Memory Chest:

python run_demo.py

This single command: - Sets up a complete demo environment - Creates Eleanor Thompson's memorial chest - Populates it with 8 diverse memories (photos, video, audio, text) - Launches the application at http://localhost:8501 - Applies AI processing to all demo content

First Time Users

The demo is the recommended way to explore features before creating your own memorial. It provides a complete, realistic example of how the application honors and preserves memories.

Demo Overview

Eleanor Thompson Memorial

The demo creates a memorial for Eleanor Thompson (1945-2023), featuring:

  • Birth Date: March 15, 1945
  • Passing: August 22, 2023
  • Memorial Collection: 8 carefully curated memories spanning decades
  • Story Generation: AI-created narrative celebrating her life

Demo Memory Collection

The Eleanor Thompson demo includes diverse memory types:

Photos (4 memories)

  1. Wedding Photo (1972) - "Wedding day with Robert, June 15th, 1972"
  2. College Graduation (1967) - "First in my family to graduate university"
  3. Rose Garden (2019) - "My prized rose garden in full bloom"
  4. Lake Tahoe Family Vacation (1985) - "The kids loved the water"

Video (1 memory)

  1. 80th Birthday Celebration - "Eleanor's 80th birthday with grandchildren"

Audio (1 memory)

  1. Singing Lullaby - "Mom singing her favorite lullaby to us"

Text Documents (2 memories)

  1. Letter to Grandchildren - Family history and wisdom
  2. Apple Pie Recipe - Famous handwritten recipe with notes

AI Processing Demo

Each memory demonstrates different AI capabilities:

  • Image Tagging: Automatic categorization (garden, flowers, family, etc.)
  • Transcription: Audio and video content converted to searchable text
  • Story Generation: Complete life narrative with timeline and themes
  • Smart Organization: Chronological and thematic grouping

The demo showcases the professional Gallery interface:

Browse Memory Chests Memory chest selection interface showing Eleanor Thompson's memorial

Gallery Overview with Filters Enhanced Gallery interface with expanded filter and search options

Visual Design Features

Memorial-Appropriate Aesthetics

  • Color Palette: Deep blue-gray primary colors with soft gold accents
  • Typography: Professional font hierarchy optimized for memorial content
  • Card Design: Elegant cards with subtle shadows and rounded corners
  • Hover Effects: Dignified lift animations with enhanced shadows

Professional Grid Layout Clean 4-column responsive grid displaying Eleanor's memories with professional styling

Interactive Elements

  • Enhanced Asset Cards: Each memory displayed with respectful visual treatment
  • Type Badges: Styled indicators for 📷 Images, 🎥 Videos, 🎵 Audio, 📝 Text
  • Professional Buttons: Tasteful styling for all interactive elements
  • Smooth Transitions: Cubic-bezier animations throughout interface

Information Display

  • Elegant Dates: "June 18, 2021 at 12:00 AM" formatting
  • Smart File Sizes: "1024 KB", "15.0 MB" clear formatting
  • Caption Previews: Proper ellipsis truncation at 60 characters
  • Professional Layout: Medium spacing with responsive 4-column grid

Asset Details Modal

Demo memories showcase the enhanced modal experience:

Asset Details Modal Complete memory information modal showing file details, AI tags, and full content display

Complete Information Display

  • File Details: Type, size, MIME type with professional layout
  • Timestamps: Both capture date and upload date clearly shown
  • Full Captions: Complete descriptions and context
  • AI Tags: Generated keywords like "garden", "flowers", "hobby", "nature"

Visual Presentation

  • Image Display: Full-size photos with rounded corners and shadows
  • Video Player: Embedded playback with controls
  • Audio Visualization: Playback interface with file information
  • Text Formatting: Readable display of document content

Delete Confirmation Flow

The demo allows testing of the respectful deletion process:

Delete Confirmation Dialog Professional deletion warning dialog with clear safety messaging

  1. Tasteful Delete Button: 🗑️ styled with appropriate warning colors
  2. Professional Dialog: "⚠️ Delete 'filename'?" with clear messaging
  3. Safety Measures: "This action cannot be undone" warning
  4. Clear Options: "✅ Yes, Delete" and "❌ Cancel" buttons

Exploring Demo Features

After launching the demo:

  1. Browse Chests: Select Eleanor Thompson from the chest list
  2. Access Gallery: Click "🖼️ Gallery" in the navigation
  3. Explore Interface: Experience the enhanced visual design
  4. Hover Effects: Move mouse over memory cards to see interactions

2. Memory Details

Test the Asset Details Modal:

  1. Click "👁️ View Details" on any memory card
  2. Review Information: See complete memory details and AI-generated content
  3. View Media: Experience different media types (image, video, audio, text)
  4. Close Modal: Test both close button and background click

Explore the comprehensive filter system:

Filter Panel Expanded Comprehensive filtering interface with media type filters, date range, text search, and sorting options

Filtered Search Results Filtered results showing 4 of 8 memories based on search criteria

  1. Expand Filters: Click "🔍 Filter & Search" to open filter panel
  2. Media Type Filtering: Toggle different content types on/off
  3. Date Range: Experiment with the date picker interface
  4. Text Search: Search for terms like "garden", "family", or "recipe"
  5. Sort Options: Try different sorting methods

4. Visual Design Elements

Appreciate the memorial-appropriate design:

  1. Card Hover Effects: See elegant lift animations and shadow enhancements
  2. Color Palette: Notice the respectful blue-gray and gold color scheme
  3. Typography: Experience the professional font hierarchy
  4. Responsive Layout: Resize browser window to see responsive behavior

5. Story Generation

Experience AI-powered narratives:

Story Before Generation Initial story page before AI narrative generation

Generated Life Story Complete AI-generated narrative celebrating Eleanor's life

Timeline Organization Chronological timeline view organizing memories by life themes

  1. Navigate to Stories: Click "📖 View Story" in the navigation
  2. Timeline View: See chronologically organized memories
  3. Thematic Organization: Explore memories grouped by life themes
  4. Generated Narrative: Read AI-created life story celebrating Eleanor

Demo Data Details

Memory Distribution

The demo provides balanced representation:

  • Time Span: 1966-2021 (55 years of memories)
  • Life Stages: Education, marriage, family, retirement, final years
  • Media Types: Equal representation of photos, video, audio, text
  • File Sizes: Range from 2 KB text files to 15 MB video

Realistic Content

All demo memories reflect real-life memorial scenarios:

  • Personal Moments: Wedding, graduation, family celebrations
  • Hobbies: Gardening photos showing personal interests
  • Family Heritage: Recipes and letters passed down through generations
  • Audio Treasures: Lullabies and recorded moments with family
  • Visual History: Photos spanning multiple decades

AI Processing Examples

Demo memories showcase various AI capabilities:

Image Tagging Results

  • Wedding Photo: ceremony, celebration, formal, vintage
  • Rose Garden: garden, flowers, roses, hobby, nature
  • Graduation: education, achievement, formal, university
  • Family Vacation: family, recreation, water, outdoor, children

Transcription Examples

  • Birthday Video: Speech transcription from family celebration
  • Lullaby Audio: Song lyrics and spoken content extraction
  • Generated Captions: AI-enhanced descriptions for context

Customizing Demo Data

Modifying Demo Content

To customize the Eleanor Thompson demo:

  1. Edit Demo Script: Modify scripts/seed_demo_data.py
  2. Change Personal Details: Update name, dates, and biographical information
  3. Replace Media Files: Substitute demo images, videos, or audio
  4. Update Captions: Modify descriptions and context for memories
  5. Regenerate Demo: Run the seeding script to apply changes

Creating Additional Memories

Add new memories to the demo:

# In scripts/seed_demo_data.py
additional_memory = {
    'filename': 'new_memory.jpg',
    'caption': 'Description of the memory',
    'captured_at': datetime(year, month, day),
    'type': 'image'
}

Demo Reset

To start fresh with a clean demo:

# Remove existing demo data
rm -f digital_memory_chest.db

# Regenerate complete demo
python run_demo.py

Demo Use Cases

For Families Considering the Application

The demo helps families understand:

  • Visual Experience: How memories will be presented respectfully
  • Organization Capabilities: How content gets intelligently organized
  • Search Functionality: Finding specific memories across large collections
  • Story Generation: How AI creates meaningful narratives
  • Sharing Features: How family members can collaborate safely

For Developers and Contributors

The demo provides:

  • Complete Feature Overview: All functionality working together
  • Design Standards: Memorial-appropriate visual design examples
  • AI Integration Examples: How processing enhances content
  • User Experience Patterns: Navigation and interaction flows
  • Testing Environment: Realistic data for development and debugging

For Content Creators

Use the demo to understand:

  • Content Organization: How different media types work together
  • Caption Importance: How descriptions enhance searchability
  • AI Enhancement: How automatic processing adds value
  • Visual Presentation: How memories are displayed professionally

Troubleshooting Demo Issues

Demo Won't Start

# Check Python version (3.11+ required)
python --version

# Install dependencies
pip install -r requirements.txt

# Try direct Streamlit launch
streamlit run app.py

Missing Demo Data

# Regenerate demo data only
python scripts/seed_demo_data.py

# Check database creation
ls -la *.db

Performance Issues

  • Large Files: Demo includes realistic file sizes that may load slowly
  • Processing Time: AI analysis may take time on first run
  • Browser Resources: Close unnecessary tabs for better performance

Visual Display Problems

  • Browser Compatibility: Use modern browsers (Chrome, Firefox, Safari, Edge)
  • Cache Issues: Clear browser cache if styles don't load properly
  • Screen Size: Ensure adequate screen resolution for responsive design

Next Steps After Demo

After exploring the demo:

  1. Create Your Own Memorial: Use "💝 Create a New Memory Chest"
  2. Upload Real Memories: Add your own photos, videos, and documents
  3. Customize Experience: Configure AI processing and privacy settings
  4. Share with Family: Use share tokens for collaborative memory building
  5. Generate Stories: Create personalized narratives for your loved one

Demo Environment Details

Technical Specifications

  • Database: SQLite with complete schema
  • Storage: Local file system with organized directory structure
  • AI Processing: Mock data simulating real AI analysis results
  • Media Files: Embedded demo assets optimized for quick loading

Privacy and Data

  • Demo Data: All demo content is fictional and safe for testing
  • No Personal Information: Eleanor Thompson is a fictional memorial example
  • Local Only: Demo runs entirely on your local machine
  • Easy Cleanup: Simple to remove demo data when finished

The Eleanor Thompson demo represents the care and respect the Digital Memory Chest brings to preserving precious memories. Experience the enhanced Gallery interface and professional design that makes creating digital memorials both meaningful and beautiful.