Daed

<div align="center"> <img src="apps/web/public/logo-rounded.png" alt="daed logo" width="120" /> <h1>daed</h1> <p><strong>A modern web dashboard for dae</strong></p> <p> <a href="https://github.com/daeuniverse/daed/actions/workflows/release-please.yml"><img src="https://img.shields.io/github/actions/workflow/status/daeuniverse/daed/release-please.yml?style=for-the-badge" alt="Build Status" /></a> <a href="https://github.com/daeuniverse/daed/releases"><img src="https://img.shields.io/github/v/release/daeuniverse/daed?style=for-the-badge" alt="Release" /></a> <a href="https://github.com/daeuniverse/daed/blob/main/LICENSE"><img src="https://img.shields.io/github/license/daeuniverse/daed?style=for-the-badge" alt="License" /></a> <a href="https://github.com/daeuniverse/daed/pulls"><img src="https://img.shields.io/github/issues-pr-closed/daeuniverse/daed?style=for-the-badge" alt="Pull Requests" /></a> </p> <p> <a href="#features">Features</a> • <a href="#getting-started">Getting Started</a> • <a href="#development">Development</a> • <a href="#contributing">Contributing</a> • <a href="#license">License</a> </p> </div>

---

📸 Screenshots

<details open> <summary><b>Desktop Screenshots</b></summary>

| Setup | Orchestrate | | :-----------------------------------------------------------------: | :-----------------------------------------------------------------------------: | | <img src="docs/screenshots/pc/setup.png" alt="setup" width="400" /> | <img src="docs/screenshots/pc/orchestrate.png" alt="orchestrate" width="400" /> |

</details> <details> <summary><b>Mobile Screenshots</b></summary>

| Setup | Orchestrate | | :---------------------------------------------------------------------: | :---------------------------------------------------------------------------------: | | <img src="docs/screenshots/mobile/setup.png" alt="setup" width="200" /> | <img src="docs/screenshots/mobile/orchestrate.png" alt="orchestrate" width="200" /> |

</details>

---

✨ Features

• 🎨 Beautiful UI — Modern, intuitive interface with light/dark mode support
• ⌨️ Keyboard First — Built-in keyboard navigation and shortcuts for power users
• 📱 Responsive — Fully mobile-friendly design
• 🚀 Fast — Built with React and optimized for performance

🌐 Online Demo

Try daed directly in your browser without installation:

🔗 daeuniverse.github.io/daed

⚠️ Important: Since GitHub Pages uses HTTPS, your dae-wing backend must also be served over HTTPS. Browsers block mixed content (HTTPS page connecting to HTTP backend). Configure a reverse proxy with TLS or use a self-signed certificate for local development.

🚀 Getting Started

Please refer to the Quick Start Guide to start using daed right away!

🐳 Docker Deployment

Pull the prebuilt image:

docker pull ghcr.io/daeuniverse/daed

Run the container:

docker run -d \
    --privileged \
    --network=host \
    --pid=host \
    --restart=always \
    -v /sys:/sys \
    -v /etc/daed:/etc/daed \
    --name=daed \
    ghcr.io/daeuniverse/daed:latest

Or use Docker Compose:

# docker-compose.yml
services:
  daed:
    image: ghcr.io/daeuniverse/daed
    container_name: daed
    privileged: true
    network_mode: host
    pid: host
    restart: always
    volumes:
      - /sys:/sys
      - /etc/daed:/etc/daed

docker compose up -d

Access the dashboard at http://localhost:2023.

💻 Development

Prerequisites

• Node.js >= 20
• pnpm >= 9

Setup

# Clone the repository
git clone https://github.com/daeuniverse/daed.git
cd daed

# Install dependencies
pnpm install

# Start development server
pnpm dev

Available Scripts

| Command | Description | | -------------- | ------------------------ | | pnpm dev | Start development server | | pnpm build | Build for production | | pnpm lint | Lint and fix code | | pnpm codegen | Generate GraphQL types |

🤝 Contributing

Contributions are welcome! Whether it's bug reports, feature requests, or pull requests — all are appreciated.

Please read our Contributing Guide before submitting a PR.

Special thanks to all contributors! ❤️

<a href="https://github.com/daeuniverse/daed/graphs/contributors"> <img src="https://contrib.rocks/image?repo=daeuniverse/daed" alt="Contributors" /> </a>

📄 License

This project is dual licensed:

• Frontend (daed): MIT License
• Backend (dae-wing): AGPL-3.0 License

---

<div align="center"> Made with ❤️ by <a href="https://github.com/daeuniverse">@daeuniverse</a> </div>