> ## Documentation Index
> Fetch the complete documentation index at: https://docs-sora-frame.vercel.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Transform any device with a browser into a smart photo display

## Welcome to Sora Digital Photo Frame

A web-based application that transforms any device with a browser into a smart photo display with smooth transitions, remote management, and Material Design interface.

<Card title="Quick Start" icon="rocket" href="/quickstart" horizontal>
  Get your digital photo frame running in minutes.
</Card>

## Key Features

Experience the power of a modern digital photo frame solution.

<Columns cols={2}>
  <Card title="Web-based Slideshow" icon="images" href="/features/slideshow">
    Smooth transitions and automatic photo cycling with customizable timing.
  </Card>

  <Card title="Remote Management" icon="upload" href="/features/admin-panel">
    Finder-like admin panel with drag-and-drop file management.
  </Card>

  <Card title="Cross-platform" icon="globe" href="/features/overview">
    Works on any device with a modern web browser - tablets, phones, computers.
  </Card>

  <Card title="Material Design" icon="palette" href="/features/overview">
    Beautiful, responsive interface with modern design principles.
  </Card>
</Columns>

## Getting Started

Everything you need to set up your digital photo frame.

<Columns cols={2}>
  <Card title="Installation" icon="download" href="/installation">
    Install Node.js dependencies and configure your environment.
  </Card>

  <Card title="Configuration" icon="gear" href="/configuration">
    Set up folders, image processing, and display preferences.
  </Card>

  <Card title="Keyboard Controls" icon="keyboard" href="/features/keyboard-controls">
    Learn slideshow navigation and control shortcuts.
  </Card>

  <Card title="API Reference" icon="code" href="/api-reference/introduction">
    Integrate with the REST API for photo and folder management.
  </Card>
</Columns>

## Advanced Usage

<Card title="Development Guide" icon="wrench" href="/development/setup">
  Learn how to contribute to the project and extend functionality.
</Card>