Project Overview

WalkieTalk is a full-stack web application that replicates the experience of a walkie-talkie radio system over the internet with end-to-end encryption. Users can record voice messages directly in the browser and broadcast them to all connected users in real time. Every audio transmission is encrypted before being saved to the server, ensuring that files stored on disk are completely unreadable to anyone without authorization.

Design

The interface follows a dark tactical/military aesthetic inspired by radio communication equipment. Built with a custom CSS design system using the Bebas Neue and DM Mono fonts, the UI features a deep dark background with a subtle green grid overlay, animated waveform visualizer that reacts to microphone input, real-time recording timer, and toast notification system. The design is fully responsive and optimized for mobile use.

Key Features

• Push-to-talk recording with live waveform animation
• All audio files encrypted at rest on the server
• Auto-play new incoming messages toggle
• Message duration display read from audio metadata
• Online users count based on recent activity
• Auto-refresh every 15 seconds for new transmissions
• Soft delete system — users delete messages from their own view only
• Admin dashboard with broadcast transmitter, user management, and message management
• Secure login and registration with bcrypt password hashing
• Real-time validation on registration forms