Real-time Queue Dashboard

Overview

Real-time Queue Dashboard is a compact fullstack project built to demonstrate practical proficiency with Elixir, Phoenix, PostgreSQL, Next.js, TypeScript, and Tailwind CSS.

Tech Stack

Backend

• Elixir
• Phoenix
• Ecto
• PostgreSQL
• Phoenix PubSub
• Phoenix Channels / WebSocket

Frontend

• Next.js
• TypeScript
• Tailwind CSS

Features

MVP

• Queue items displayed in four status columns:
  • new
  • in_progress
  • blocked
  • done
• Create queue item
• Edit queue item
• Move item between statuses
• Filter by priority
• Filter by assignee
• Dashboard metrics:
  • total items
  • new
  • in progress
  • blocked
  • done
• Real-time synchronization between multiple tabs/clients
• Seed data for demo
• Backend validations
• Minimal backend tests

Intentionally Out of Scope

• Authentication
• External integrations
• Microservices
• Audit log / event history
• Drag and drop
• Search
• Notifications / toasts

Product Scope

Each queue item contains:

• id
• title
• description
• customer_name
• priority
• status
• assignee
• inserted_at
• updated_at

Supported values:

• priority: low | medium | high
• status: new | in_progress | blocked | done

Architecture

This repository is organized as a small two-app monorepo:

.
├── backend
└── frontend