# react-memory-game

**Repository Path**: nur/react-memory-game

## Basic Information

- **Project Name**: react-memory-game
- **Description**: 翻卡牌记忆游戏
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-28
- **Last Updated**: 2025-08-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React 记忆力游戏

这是一个基于 React 的记忆卡匹配游戏，支持双人对战模式。玩家需要在限定时间内翻转卡片并找到所有匹配的组合。

## 功能特性

- 双人对战模式
- 卡片翻转动画效果
- 游戏状态统计
- 响应式设计适配不同设备

## 技术栈

- React + TypeScript
- CSS 动画
- 自定义 React Hook 管理游戏逻辑

## 安装指南

```bash
npm install
```

## 启动开发服务器

```bash
npm start
```

## 构建生产版本

```bash
npm run build
```

## 主要组件

- `App.tsx` - 主应用组件
- `Card.tsx` - 可翻转的记忆卡片组件
- `useMemoryGame.ts` - 自定义 Hook 管理游戏状态和逻辑

## 样式说明

- `App.css` - 主要布局和游戏样式
- `Card.css` - 卡片翻转动画和视觉效果

## 贡献指南

欢迎提交 PR 和 issue 反馈。请先运行测试并确保代码风格一致。

## 许可证

MIT License

项目基于 [Create React App](https://github.com/facebook/create-react-app) 创建。