✨Added i18N, Hello World!

Author: LiWeny16

README.md

@@ -1,117 +1,93 @@
-# 🔗 Real-Time Local Sharing App
 
-[中文版](./documents/README-CN.md)
+# LetShare – Effortless File & Text Sharing Across Devices 🚀
 
-![React](https://img.shields.io/badge/React-18.x-blue?logo=react)
-![WebRTC](https://img.shields.io/badge/WebRTC-P2P-brightgreen?logo=webrtc)
-![WebSocket](https://img.shields.io/badge/WebSocket-Connected-orange?logo=websocket)
-![License](https://img.shields.io/badge/License-MIT-yellow)
-![Platform](https://img.shields.io/badge/Platform-LAN%20only-lightgrey)
 
+[![License: MIT](https://img.shields.io/badge/license-MIT-green.svg)](LICENSE)  
+[![Website](https://img.shields.io/badge/Website-letshare.fun-blue)](https://letshare.fun)  
+[![Built with Vite](https://img.shields.io/badge/built%20with-vite-646cff)](https://vitejs.dev)  
+[![MUI](https://img.shields.io/badge/UI-MUI-007FFF)](https://mui.com)  
+[![Capacitor](https://img.shields.io/badge/Native-Capacitor-4ECDC4)](https://capacitorjs.com)
 
-A lightweight real-time collaboration and file-sharing app designed for seamless communication within the same local network. Built with **React**, **WebRTC**, and **WebSocket**, it supports sharing **files**, **text**, and **clipboard content** with nearby users.
+[中文版](./documents/README-CN.md)
 
----
+LetShare is a blazing-fast, lightweight tool for sharing files, text, images, and clipboard content between devices — no login, no cloud, no nonsense.
 
-## ✨ Features
+Share anywhere. Phone to laptop. Android to browser. Clipboard to clipboard.
 
-- 📁 **File Transfer**: Send files peer-to-peer without uploading to a server.
-- 📝 **Text & Clipboard Sharing**: Share custom text or clipboard content instantly.
-- 🌐 **LAN Peer Discovery**: Automatically find other users connected to the same Wi-Fi.
-- 🔄 **Reconnection Mechanism**: Auto-reconnect to disconnected users.
-- 🔥 **Drag & Drop Upload**: Easily drag files into the app window to share.
-- 🚫 **Abort Transfer**: Cancel file sending in real-time.
-- 🧊 **Material UI Components**: Clean, responsive interface using MUI.
+![alt text](documents/googleplay/pc-images/green.png)
 
 ---
 
-## 📦 Technologies Used
+## ✨ Features
 
-- **React (TypeScript)**
-- **Material UI (MUI)**
-- **WebSocket** for signaling and peer discovery
-- **WebRTC** for direct peer-to-peer data transfer
-- **Clipboard API** for sharing copied content
-- **Custom Utility Kit** for delay, ID management, etc.
+- 📡 **Peer-to-peer** local sharing via WebRTC  
+- 💻 **Cross-platform** support: browser & native Android app  
+- 🔒 **Private & offline-first** – no cloud upload, all local  
+- 🧾 **Text, file, image, clipboard** – share anything instantly  
+- 🌐 **Multi-language UI** (English / 中文 / Bahasa Melayu / Indonesia)  
+- 🖼️ **QR-code based pairing** – scan & connect  
+- 🎨 **Clean Material UI**, responsive design  
+- ⚙️ **Built with Vite**, React, MobX, Capacitor
 
 ---
 
-## 🚀 Getting Started
+## 🧪 Tech Stack
 
-### Prerequisites
+- React + Vite + TypeScript  
+- MUI 5 (Material Design UI)  
+- WebRTC + Ably for real-time messaging  
+- MobX for state management  
+- Capacitor for Android native support  
+- i18next + detector for language handling  
+- JSZip, Clipboard API, react-qrcode-logo
 
-- Node.js (v16+ recommended)
-- Yarn or npm
+---
 
-### Installation
+## 🔧 Scripts (via Yarn)
 
 ```bash
-# Install dependencies
-npm install
-
-# Or
-yarn install
-```
-
-### Start the Development Server
-
-```bash
-npm run dev
-
-# Or
-yarn dev
+yarn dev        # Run development server
+yarn build      # Build production web app
+yarn app        # Build & sync Android app (via Capacitor)
+yarn app-start  # Open Android Studio
+yarn preview    # Preview built site
 ```
 
 ---
 
-## 🌍 Usage
-
-1. Open the app in two different tabs or devices connected to the same network.
-2. Click **"Search Nearby Users"** to discover peers.
-3. Choose a file, input some text, or select clipboard mode.
-4. Click a discovered user to send your content.
-5. A dialog will appear on the receiver's screen to accept or decline.
+## 🌍 Try It Now
 
----
+Visit the live app at:  
+👉 **https://letshare.fun**
 
-## 📁 File Transfer Notes
-
-- File transfer uses WebRTC **DataChannels**.
-- Signaling is handled via a lightweight **WebSocket server**.
-- Large files are chunked and transferred with progress feedback.
+No install. No login. Works on any modern browser.
 
 ---
 
-## 🧪 Developer Notes
-
-- `colabLib.ts` handles all WebRTC + signaling logic.
-- The app automatically cleans up disconnected users.
-- Auto-reconnect checks run every ~3.5 seconds.
-- Clipboard support may vary depending on browser permissions.
+## 📲 Android App
 
----
-
-## ⚙️ Configuration
+Build native Android app:
 
-The signaling server URL is defined in the code:
-```ts
-const url = "wss://your-server-url";
+```bash
+yarn app-create
+yarn app
+yarn app-start
 ```
 
-You can switch to a local server for development:
-```ts
-const url = "ws://localhost:9000";
-```
+Requires Android Studio & Capacitor CLI.
 
 ---
 
-## 📷 Screenshots
+## 📄 License
 
-> _Add your screenshots here to visualize the app's UX_
+MIT © 2025 Onion
 
 ---
 
-## 📜 License
+## ⭐️ Contribute
+
+Found it useful? Give us a ⭐ at  
+https://github.com/LiWeny16/LetShare
 
-MIT License © 2025
+Pull requests welcome. Let’s build frictionless sharing together!
 

docs/icons/216.png

@@ -18,7 +18,7 @@
 
 
   <link rel="manifest" href="./4dhVlCNC.manifest.json">
-  <script type="module" crossorigin src="./static/index-DTyIf1h_.js"></script>
+  <script type="module" crossorigin src="./static/index-B-d6cSpH.js"></script>
   <link rel="modulepreload" crossorigin href="./static/@babel-LAXhhp6N.js">
   <link rel="modulepreload" crossorigin href="./static/react-B4V_vTrs.js">
   <link rel="modulepreload" crossorigin href="./static/scheduler-CzFDRTuY.js">

docs/icons/512x512_trans.png

@@ -1,107 +1,89 @@
-# 🔗 局域网实时分享工具
 
-一个基于 **React + WebRTC + WebSocket** 的轻量级实时协作与分享平台，专为同一 Wi-Fi 局域网内的设备之间快速传输设计。支持 **文件传输**、**文本分享** 和 **剪贴板同步**，无需登录、无需服务器中转。
+# LetShare – 跨设备极速文件与文本共享工具 🚀
 
----
+[![License: MIT](https://img.shields.io/badge/license-MIT-green.svg)](LICENSE)  
+[![Website](https://img.shields.io/badge/Website-letshare.fun-blue)](https://letshare.fun)  
+[![Built with Vite](https://img.shields.io/badge/built%20with-vite-646cff)](https://vitejs.dev)  
+[![MUI](https://img.shields.io/badge/UI-MUI-007FFF)](https://mui.com)  
+[![Capacitor](https://img.shields.io/badge/Native-Capacitor-4ECDC4)](https://capacitorjs.com)
 
-## ✨ 功能亮点
+LetShare 是一款极速、轻量、安全的文件、文本、图片与剪贴板共享工具，支持多设备互联 —— 无需登录，无需云端，真正一触即发。
+
+无论是手机对电脑、Android 对浏览器、剪贴板对剪贴板，一切只需局域网内打开即可连接共享。
 
-- 📁 **文件发送**：点对点直传，速度快、隐私强。
-- 📝 **文本 / 剪贴板内容分享**：随时粘贴、发送文字。
-- 🌐 **局域网用户发现**：一键搜索同一 Wi-Fi 下的设备。
-- 🔄 **断线自动重连**：连接丢失后自动恢复。
-- 🔥 **拖拽上传文件**：直接拖到界面中即可分享。
-- ⛔ **传输中断**：可随时取消文件发送。
-- 🎨 **MUI 界面组件**：响应式设计，简洁美观。
+![alt text](./googleplay/pc-images/green.png)
 
 ---
 
-## 📦 技术栈
+## ✨ 功能亮点
 
-- **React + TypeScript**
-- **Material UI (MUI)**
-- **WebSocket**：用于用户发现和信令通信
-- **WebRTC**：用于点对点数据传输
-- **Clipboard API**：实现剪贴板读取/写入
-- **自定义工具库 bigonion-kit**：处理 ID、延迟等常用逻辑
+- 📡 **WebRTC 局域网直连**，点对点传输，隐私安全  
+- 💻 **全平台支持**：浏览器 & 原生 Android 应用  
+- 🔒 **无需登录、无云同步**，完全本地运行  
+- 🧾 支持 **文本、文件、图片、剪贴板** 即时共享  
+- 🌐 **多语言界面**（支持中文、英文、马来语、印尼语）  
+- 🖼️ **二维码配对连接**，扫码即连，快速上手  
+- 🎨 使用 **Material UI** 构建，响应式设计，简洁美观  
+- ⚙️ 技术栈现代：Vite + React + MobX + Capacitor
 
 ---
 
-## 🚀 快速开始
-
-### 环境要求
+## 🧪 技术栈
 
-- Node.js v16+
-- Yarn 或 npm
+- React + Vite + TypeScript  
+- MUI 5（Material Design UI）  
+- WebRTC + Ably 实时通信  
+- MobX 轻量状态管理  
+- Capacitor 原生 Android 打包  
+- i18next + 浏览器语言自动识别  
+- JSZip、Clipboard API、二维码生成
 
-### 安装依赖
-
-```bash
-npm install
-# 或
-yarn install
-```
+---
 
-### 启动项目
+## 🔧 项目脚本（使用 Yarn）
 
 ```bash
-npm run dev
-# 或
-yarn dev
+yarn dev        # 启动开发服务器
+yarn build      # 构建生产环境 Web 应用
+yarn app        # 构建并同步 Android 应用（使用 Capacitor）
+yarn app-start  # 打开 Android Studio
+yarn preview    # 预览构建结果
 ```
 
 ---
 
-## 🌍 使用说明
+## 🌍 在线体验
 
-1. 在局域网中打开两个页面或设备访问该应用。
-2. 点击「搜索同WIFI下用户」，发现其他在线用户。
-3. 可选择文件、文本或剪贴板内容作为发送对象。
-4. 点击对方设备，即可发起传输。
-5. 对方会收到确认弹窗，接受后完成分享。
+访问地址：  
+👉 **https://letshare.fun**
 
----
-
-## 📁 文件传输说明
-
-- 使用 WebRTC 的 `DataChannel` 实现点对点传输。
-- 使用 WebSocket 实现信令连接和发现其他设备。
-- 大文件采用分片方式发送，并支持实时进度显示。
+无需安装、无需注册，支持现代浏览器即开即用。
 
 ---
 
-## ⚙️ 配置说明
-
-在代码中设置信令服务器地址：
-
-```ts
-const url = "wss://your-server-url"; // 推荐使用 wss
-```
+## 📲 Android 原生应用
 
-开发调试可切换为本地：
+构建原生 Android 应用：
 
-```ts
-const url = "ws://localhost:9000";
+```bash
+yarn app-create
+yarn app
+yarn app-start
 ```
 
----
-
-## 🧪 开发者注意事项
-
-- 所有 P2P 逻辑集中在 `colabLib.ts`。
-- 自动剔除断开的用户。
-- 每 3.5 秒自动检查连接状态，确保稳定传输。
-- 剪贴板读取需浏览器授权。
+需安装 Android Studio 与 Capacitor CLI。
 
 ---
 
-## 📷 示例截图
+## 📄 授权协议
 
-> _（你可以放上几张 UI 或使用流程的截图）_
+MIT 开源许可证 © 2025 Onion
 
 ---
 
-## 📜 授权许可
+## ⭐️ 欢迎贡献
 
-MIT License © 2025
+觉得项目不错？欢迎给个 Star：  
+https://github.com/LiWeny16/LetShare
 
+欢迎提交 PR，一起打造极致丝滑的跨平台共享体验！

docs/icons/512x512_副本.png

@@ -44,7 +44,7 @@ const StartupPage: React.FC<StartupPageProps> = ({ open }) => {
                         <Fade in={imgLoaded} timeout={600}>
                             <Box
                                 component="img"
-                                src="/icons/512x512.png"
+                                src="/icons/512x512_trans.png"
                                 alt="Logo"
                                 onLoad={() => setImgLoaded(true)}
                                 sx={{