Talkara

Features

• Multi-room chat — Lobby plus user-created rooms; room list can refresh live when rooms change.
• Real-time messaging — New messages appear without full page reload (SSE + HTMX)
• Scrollback — Load older messages when you scroll to the top of the thread
• Presence — See who is online in the current room (with per-user avatar colours)
• Typing indicators — See when others are typing
• @mentions — Type @ to pick online users or @everyone; mentions are highlighted; optional browser notifications (bell in header)
• Avatar colours — Consistent colours for avatars and presence dots (session-based when online, hash fallback when not)
• Grouped messages — Consecutive lines from the same user are visually grouped
• Themes — talkara_classic (dark) and talkara_light; toggle in header / login screens; stored in localStorage
• Account — Change nickname, logout; delete room (except Lobby) from the room header
• Responsive layout — Wide screens: rooms + chat + online; narrow: tabbed panels; header can stack on small widths

Tech Stack

• Framework: Astro 6 (SSR)
• Runtime: Node.js — @astrojs/node standalone adapter
• Interactivity: HTMX + htmx-ext-sse
• Styling: Tailwind CSS v4 (@theme tokens)
• Database: PostgreSQL + Drizzle ORM

GitHub Repository

Talkara Github Repo