beenull/WebChat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
💬 Chat with anyone on any website.
198 commits 8 branches 57 tags 2.7 MiB
TypeScript 77.9%
JavaScript 16%
CSS 6%
HTML 0.1%
Find a file
molvqingtai 65bf9b2419 fix: firfox requestAnimationFrame error
2024-10-02 19:49:54 +08:00
.github fix: release flow 2024-09-28 13:01:03 +08:00
.husky ci: use semantic-release 2024-09-27 16:10:51 +08:00
.vscode feat: peer message working! 2024-09-16 13:44:16 +08:00
src fix: firfox requestAnimationFrame error 2024-10-02 19:49:54 +08:00
.commitlintrc chore(all): init config 2023-07-12 04:22:57 +08:00
.gitignore perf: optimize style and update deps 2024-09-25 01:25:02 +08:00
.npmrc feat: peer message working! 2024-09-16 13:44:16 +08:00
.nvmrc feat: peer message working! 2024-09-16 13:44:16 +08:00
.postcssrc fix: "use px units to fix small font-size in some websites root elements 2024-09-27 08:20:49 +08:00
.prettierrc chore: watch userInfo storage 2023-12-05 03:56:34 +08:00
.releaserc.mjs fix: release flow 2024-09-28 13:14:48 +08:00
CHANGELOG.md chore(release): 1.0.28 [skip ci] 2024-09-28 21:25:23 +00:00
components.json chore(header): beautify info card 2023-11-05 03:42:04 +08:00
eslint.config.ts perf: add animation effects and add self join message 2024-09-26 08:14:55 +08:00
LICENSE chore(all): init config 2023-07-12 04:29:46 +08:00
package.json perf: add version link 2024-10-02 18:21:42 +08:00
pnpm-lock.yaml feat: support danmaku 2024-09-30 21:39:47 +08:00
README.md docs: update readme 2024-10-02 00:30:24 +08:00
tailwind.config.ts perf(options): add meteors effect 2024-09-27 06:00:24 +08:00
tsconfig.json feat: use ualy avatar 2024-09-19 03:41:07 +08:00
wxt.config.ts feat: support danmaku 2024-09-30 21:39:47 +08:00

README.md

WebChat

Chat with anyone on any website

This is an anonymous chat browser extension that is decentralized and serverless, utilizing WebRTC for end-to-end encrypted communication. It prioritizes privacy, with all data stored locally.

The aim is to add chat room functionality to any website, enabling real-time messaging anytime, anywhere.

Install

  1. Go to the GitHub repository (Releases)
  2. Click on the "Assets" button and select "web-chat-*.zip"
  3. Extract the ZIP file to a folder on your computer
  4. Open the extension management page in your browser (usually chrome://extensions/)
    • Enable "Developer mode"
    • Click "Load unpacked" and select the folder you just extracted

Video

https://github.com/user-attachments/assets/34890975-5926-4e38-9a5f-34a28e17ff36

Standing on the Shoulders of Giants

In addition to the good idea of decentralized chat, it also leverages some fantastic technologies.

  • remesh: A framework in JavaScript that implements DDD principles, achieving true separation of UI and logic, allowing for easy implementation of the UI part, such as rewriting it in Vue, due to its independence from the UI.

  • shadcn/ui: A beautiful UI library and a pioneer of the no-install concept, offering unmatched convenience in customizing styles.

  • wxt: This is the best framework I’ve used for building browser extensions, bar none.

  • trystero: The core dependency for implementing decentralized communication, enabling connections to decentralized networks like IPFS, torrent, Nostr, etc.

  • ugly-avatar: Use it to create stunning random avatars.

License

This project is licensed under the MIT License - see the LICENSE file for details