# A股智投分析平台 - 项目概述 ## 项目简介 A股智投分析平台是一个专业的A股市场数据分析工具,为投资者提供实时行情、技术分析、动量选股等功能。 ## 核心功能 - **市场概览**: 上证指数、深证成指、创业板指、科创50实时行情 - **动量版块分析**: 20个行业版块热力图、动量排名、排名变化 - **新高新低个股**: 创历史新高/新低的股票列表 - **涨跌幅分布**: 全市场涨跌分布柱状图 - **动量股推荐**: 基于技术面选出的优质个股 - **个股分析**: K线图、技术指标、基本面数据 - **版块详情**: 历史排名、动量个股、版块K线 ## 技术栈 ### 前端 - React 18 + TypeScript - Vite 构建工具 - Tailwind CSS 样式框架 - shadcn/ui 组件库 - Recharts 图表库 - Framer Motion 动画 ### 后端(待实现) - Node.js / Python - WebSocket 实时数据推送 - RESTful API - 数据库存储 ### 数据源 - AKShare (免费A股数据) - Tushare Pro (专业数据接口) - AllTick (实时行情API) ## 项目结构 ``` app/ ├── docs/ # 开发文档 ├── src/ │ ├── components/ # 公共组件 │ │ ├── Navbar.tsx # 导航栏(含搜索) │ │ ├── CandlestickChart.tsx # K线蜡烛图 │ │ ├── StockDetailModal.tsx # 个股详情弹窗 │ │ ├── SectorDetailModal.tsx # 版块详情弹窗 │ │ └── Footer.tsx # 页脚 │ ├── sections/ # 页面区块 │ │ ├── MarketOverview.tsx # 市场概览 │ │ ├── MomentumSectors.tsx # 动量版块 │ │ ├── HighLowStocks.tsx # 新高新低 │ │ ├── PriceDistribution.tsx # 涨跌分布 │ │ └── MomentumRecommendation.tsx # 动量推荐 │ ├── services/ # 数据服务 │ │ └── stockData.ts # 股票数据服务 │ ├── types/ # TypeScript类型 │ │ └── index.ts # 类型定义 │ ├── hooks/ # 自定义Hooks │ ├── App.tsx # 主应用 │ └── main.tsx # 入口文件 ├── public/ # 静态资源 ├── index.html ├── package.json ├── tailwind.config.js ├── tsconfig.json └── vite.config.ts ``` ## 快速开始 ### 安装依赖 ```bash cd /mnt/okcomputer/output/app npm install ``` ### 开发模式 ```bash npm run dev ``` ### 构建生产版本 ```bash npm run build ``` ### 部署 构建后的文件位于 `dist/` 目录,可直接部署到静态服务器。 ## 在线演示 **访问地址**: https://c4u7go6wz5p62.ok.kimi.link ## 开发团队 - 前端开发: AI Assistant - 设计: AI Assistant - 产品: AI Assistant ## 更新日志 ### v1.0.0 (2024-03-02) - 初始版本发布 - 实现所有核心功能模块 - 添加K线蜡烛图和均线功能 - 支持搜索版块和个股