Wasapp

A WhatsApp Web-inspired responsive messaging interface demonstrating Vue 3 Composition/SFC TypeScript type-checking, Pinia state management, and mobile/desktop adaptive views.

Live Demo GitHub

Frontend messaging UI study inspired by WhatsApp Web (no real-time WebSocket backend).

Key Capabilities

Desktop split-screen chat workspace and dedicated small-screen Chats, Status, Calls, and Settings views.
Image lightbox preview (`vue-easy-lightbox`) and notification feedback.

Technical Architecture

Vue 3.3 + Vite 4 + `vue-tsc` build-time type validation.
Pinia state management + Vue Router 4 + Tailwind CSS & DaisyUI.

Technologies

Vue 3TypeScriptVitePiniaTailwind CSSDaisyUI