TypeScriptIn Progress2024

Avian

A sleek TypeScript application with a data-driven architecture focusing on responsive design and smooth user interactions.

Screenshot of Avian

Overview

Avian is a productivity and communication platform prototype built to explore real-time data synchronisation patterns in TypeScript. It features a live activity feed, notification system, and a command palette for power users — all rendered with a clean, minimal interface that scales beautifully from mobile to large desktop screens.

Highlights

  • Real-time activity feed with SWR polling
  • Command palette (⌘K) with fuzzy search
  • Radix UI primitives for full accessibility
  • Smooth layout animations with CSS transitions

Tech Stack

TypeScriptReactTailwind CSSSWRRadix UI