LiveWordMap is a real-time, peer-to-peer (P2P) word cloud application. It allows a speaker/host to create a room and generate a word cloud based on input from an audience, completely client-side without a traditional backend.
- 100% Frontend: No databases or backend servers required.
- P2P Communication: Uses WebRTC (via PeerJS) to connect Host and Audience directly.
- Real-time Visualization: Word cloud updates instantly using D3.js.
- Internationalization: Support for Portuguese (PT-BR) and English (EN).
- Mobile Friendly: Responsive design for easy audience participation.
- React (UI Framework)
- TypeScript (Type safety)
- Tailwind CSS (Styling)
- PeerJS (WebRTC wrapper for P2P connections)
- D3.js (Physics-based visualization)
- Host: Clicks "Create Room". The app generates a unique Room ID and acts as the connection server (using PeerJS signaling).
- Host Screen: Displays a QR Code and the live word cloud.
- Audience: Scans the QR Code or enters the Room ID.
- Audience Screen: Users type words/phrases.
- Sync: When a user submits a word, it is sent directly to the Host's browser. The Host updates the word count and broadcasts the new state back to all connected users so everyone sees the cloud evolve.
- Open the application.
- For Speakers: Click "Create Room". Share the screen with the QR Code.
- For Attendees: Scan the QR Code or navigate to the URL provided. Enter a word and press Send.
MIT