Create README.md

Author: wangweihanNB

README.md

@@ -0,0 +1,69 @@
+# 📦 Mock API Generator
+
+> 手机端 JSON 假数据生成工具 | 无需后端，一键生成模拟 API 数据
+
+[![在线体验](https://img.shields.io/badge/在线体验-点击这里-brightgreen)](https://programming-newbies-community.github.io/mock-api-generator/)
+[![GitHub](https://img.shields.io/badge/GitHub-开源项目-blue)](https://github.com/Programming-Newbies-Community/mock-api-generator)
+
+## 🎯 解决什么痛点？
+
+前端开发时，后端接口还没写好，需要假数据来测试？手动写 JSON 太麻烦？
+
+**Mock API Generator** 帮你：
+- ✅ 可视化配置数据结构
+- ✅ 一键生成多条假数据
+- ✅ 复制 JSON 直接使用
+- ✅ 保存到云端获得永久 API 地址
+
+## ✨ 功能特点
+
+| 功能 | 说明 |
+|------|------|
+| 🔧 自定义字段 | 自由添加/删除字段，自定义字段名和类型 |
+| 📊 9种数据类型 | 数字、字符串、布尔、数组、邮箱、手机号、URL、日期、对象 |
+| 📈 批量生成 | 支持生成 1-50 条假数据 |
+| 📋 一键复制 | 生成的 JSON 可快速复制到剪贴板 |
+| ☁️ 云端保存 | 集成 JSONBin.io，保存后获得永久 API 端点 |
+| 📱 全手机适配 | 专为手机端开发优化，触摸友好 |
+
+## 🚀 快速开始
+
+### 在线使用（无需安装）
+
+直接访问：https://programming-newbies-community.github.io/mock-api-generator/
+
+### 本地使用
+
+1. 下载三个文件：`index.html`、`style.css`、`script.js`
+2. 用浏览器打开 `index.html`
+3. 开始生成假数据！
+
+## 📖 使用教程
+
+### 1️⃣ 配置数据结构
+
+- 点击「添加字段」增加数据字段
+- 填写字段名（如：name、age、email）
+- 选择字段类型（数字/字符串/邮箱等）
+
+### 2️⃣ 设置生成数量
+
+- 在「全局设置」中调整生成条数（1-50条）
+
+### 3️⃣ 生成数据
+
+- 点击「生成数据」按钮
+- JSON 结果会显示在下方
+
+### 4️⃣ 复制或保存
+
+- 点击「复制 JSON」直接使用
+- 点击「保存到 JSONBin.io」获得永久 API 地址
+
+## 🛠 技术栈
+
+- HTML5
+- CSS3
+- JavaScript (原生)
+- JSONBin.io API
+