# reactStudy

**Repository Path**: allenjia09/react-study

## Basic Information

- **Project Name**: reactStudy
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-07
- **Last Updated**: 2025-01-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🎯 myReact

一个使用现代技术栈构建的 React 练习项目，包含多个常用功能组件的实现。 ✨

## 🚀 技术栈

- **⚛️ React**: 用于构建用户界面的 JavaScript 库
- **💪 TypeScript**: 添加静态类型检查的 JavaScript 超集
- **🎨 Ant Design**: 企业级 UI 组件库
- **🎯 UnoCSS**: 原子化 CSS 引擎
- **🛣️ React Router**: 页面路由管理
- **✨ Framer Motion**: 动画效果库
- **🎣 ahooks**: React Hooks 工具库

## 📦 组件展示

### 💪 BMI 计算器
- 📊 输入身高体重，计算 BMI 指数
- ⚡️ 实时计算并显示结果
- 💡 根据 BMI 值提供健康建议
- 🌈 平滑的动画过渡效果

### ⏱️ 计数器
- 🔄 自动计数功能
- ⏯️ 开始/暂停控制
- 🔄 重置功能
- ✨ 数字变化动画

### ⏰ 倒计时
- 📅 日期时间选择
- ⚡️ 实时倒计时显示
- 🕒 天时分秒格式
- 🌈 动态更新效果

### 📝 待办清单
- ➕ 任务添加/删除
- ✅ 完成状态切换
- 📋 任务列表管理
- 🎨 简洁的界面设计

### 🎲 喝酒游戏
- 👥 参与者管理
- 🎯 九宫格随机选择
- ⚡️ 速度可调节
- ✨ 动画效果展示

## 🛠️ 开发环境

```bash
🟢 Node.js >= 16
📦 pnpm >= 8
```

## 📥 安装

```bash
# 📥 克隆项目
git clone [项目地址]

# 📦 安装依赖
pnpm install
```

## 🚗 运行

```bash
# 🔥 开发环境
pnpm dev

# 🏗️ 构建
pnpm build

# 👀 预览构建结果
pnpm preview
```

## 🌈 项目特点

- 🔥 现代化的技术栈
- 📱 响应式设计
- ✨ 优雅的动画效果
- 💪 TypeScript 类型支持
- 🧩 组件化开发
- ⭐️ 代码规范遵循最佳实践

## 📝 代码规范

- 🔍 使用 ESLint 进行代码检查
- 💅 使用 Prettier 进行代码格式化
- 💎 遵循 TypeScript 最佳实践
- 🧮 组件采用函数式编程范式

## 🗂️ 项目结构

```
src/
  ├── 🧩 components/     # 通用组件
  ├── 📱 pages/         # 页面组件
  ├── 📄 App.tsx        # 应用入口
  ├── 🎯 main.tsx       # 主入口文件
  └── 📝 vite-env.d.ts  # 类型声明
```

## 📄 许可证

MIT License ⚖️