# mini-app

**Repository Path**: work25/mini-app

## Basic Information

- **Project Name**: mini-app
- **Description**: 使用AI自动生成的各种小应用
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-27
- **Last Updated**: 2026-06-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
	<img src="public/image/logo.png">
	<p align="center">
    <img src="https://camo.githubusercontent.com/9feac387e7a57b96e32feac5345e5fc21e28362c1601223699f27dca0e2a8f4c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d616465253230776974682d527573742d3166343235662e737667" />
    <img src="https://img.shields.io/badge/-TypeScript-blue?logo=typescript&logoColor=white" />
    <img src="https://camo.githubusercontent.com/b8099b76a7298418989f4262cfa216209b40a924fd0fc2b4f17e5c63383f9735/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f72656163742e7376673f7374796c653d666c6174" />
    <img src="https://img.shields.io/badge/-TailwindCSS-06B6D4?style=flat-square&logo=tailwindcss&logoColor=white" />
    <img src="https://img.shields.io/badge/-Pinia-yellow?logo=picpay&logoColor=white" />
    <img src="https://img.shields.io/badge/-ESLint-4b32c3?logo=eslint&logoColor=white" />
    <img src="https://img.shields.io/badge/-Axios-008fc7?logo=axios.js&logoColor=white" />
    <img src="https://img.shields.io/badge/-Prettier-ef9421?logo=Prettier&logoColor=white" alt="Prettier">
	</p>
	<p>&nbsp;</p>
</div>


# Mini App

一个轻量级的小应用集合，包含多个独立的实用工具项目。

## 项目一览

| 项目 | 说明 | 技术栈 |
|------|------|--------|
| [ascii](./ascii) | ASCII 字符查看器 | React 18 + TypeScript + Tailwind CSS + Zustand |
| [ai-tools](./ai-tools) | AI 工具导航 | React 18 + TypeScript + Vite |
| [weather](./weather) | 天气查询应用 | React 18 + TypeScript + Tailwind CSS + 和风天气 API |
| [icons](./icons) | 图标浏览器 | Iconify + 静态页面 |
| [OCR](./ocr) | OCR识别 | Python + FastAPI + PaddleOCR |
| [translate](./translate) | 翻译服务 | Python + FastAPI + translate |
| [calendar](./calendar) | 万年历 | React 18 + TypeScript + Tailwind CSS |
| [lucky](./lucky) | 双色球智能分析 | Python + FastAPI |

## ascii — ASCII 字符查看器

交互式 ASCII 字符表查看工具，支持字符搜索、详情查看和一键复制。

**功能特性：**
- 完整的 ASCII 字符表展示（0-127）
- 按字符、十进制、十六进制、描述搜索
- 字符卡片详情（含打字机动画效果）
- 一键复制字符 / 十进制 / 十六进制值
- 深色 / 浅色主题切换（涟漪动画过渡）
- 复古终端风格 UI + 网格背景 + 扫描线效果

```bash
cd ascii
npm install
npm run dev
```

## ai-tools — AI 工具导航

收录 200+ 款 AI 工具的分类导航网站，涵盖聊天、写作、图像、视频、编程等多个领域。

**功能特性：**
- 15 个分类：AI聊天助手、写作、图像、视频、办公、编程、智能体、设计、音频、搜索引擎、开发平台、训练模型、学习网站、内容检测、提示指令
- 关键词搜索 + 分类筛选
- 侧边栏导航 + 移动端适配
- 深色 / 浅色主题切换
- 每个工具配有品牌图标

```bash
cd ai-tools
npm install
npm run dev
```

## weather — 天气查询应用

基于和风天气 API 的天气查询工具，提供实时天气、预报和空气质量数据。

**功能特性：**
- 城市名模糊搜索（下拉候选）
- 浏览器自动定位（Geolocation API）
- 3 天天气预报（温度、天气状况、风力、湿度）
- 逐小时预报
- 空气质量展示（AQI 圆环 + PM2.5/PM10 等污染物）
- 生活指数
- 天气动画效果
- 深色 / 浅色主题切换
- 响应式设计

```bash
cd weather
npm install
npm run dev
```

## icons — 图标浏览器

基于 [Iconify](https://icon-sets.iconify.design/) 的本地图标搜索和浏览工具。

**数据概览：**
- 225 个图标集
- 169,514 个图标名称
- 11 个分类（Material、UI、Logo、Emoji 等）

**功能特性：**
- 按名称搜索图标
- 按分类浏览 / 按图标集筛选
- 下载单个 SVG / 复制 SVG 代码
- 三种尺寸切换（S/M/L）
- 批量下载脚本（支持按分类、图标集、数量筛选）

```bash
cd icons
npx serve -p 8080 .
```

批量下载：

```bash
node download.js                    # 下载全部
node download.js --cat "Material"   # 按分类
node download.js --prefix lucide    # 按图标集
node download.js --prefix mdi --limit 100  # 限制数量
```

## 开发

所有前端项目均基于 Vite + React 18 + TypeScript 构建：

```bash
# 进入任意项目目录
cd <project-name>

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build
```

## 许可证

[MIT](./LICENSE)