项目地址:https://github.com/ragupathypinkee-lab/cy_app**
归梦工作室**(Guimeng Studio)是一家专注于软件开发和新媒体运营的创意工作室。
业务领域
-
软件开发:为企业和个人提供定制化软件解决方案,包括 Web 应用、移动端应用、小程序开发等
-
新媒体运营:提供内容创作、账号运营、品牌营销等新媒体服务
-
技术咨询:提供技术架构设计、代码审计、性能优化等技术服务
核心理念
我们相信技术是推动创新的力量,致力于将创意转化为优质的产品和服务。
系统介绍
创业能力测试系统是一款创业能力评估工具,通过 30 道专业测试题目,从六个核心维度全面评估用户的创业潜力:
| 维度 | 说明 |
|---|---|
| 执行力 | 目标达成与行动力 |
| 抗压力 | 面对挑战的心理韧性 |
| 学习能力 | 持续成长与知识迭代 |
| 销售能力 | 市场开拓与客户沟通 |
| 领导力 | 团队协作与资源整合 |
| 风险承受 | 不确定环境下的决策能力 |
核心功能
-
响应式设计:完美适配手机、平板、电脑等多种设备 -
多维度分析:六维能力分析,清晰展示创业能力画像 -
现代化 UI:渐变配色、流畅动画,打造沉浸式体验 -
一键分享:生成分享海报,轻松展示测试结果 -
� Markdown 报告:支持表格、图表等丰富格式的报告展示
技术栈
| 分类 | 技术 |
|---|---|
| 前端框架 | React 18 + TypeScript |
| 构建工具 | Vite 5 |
| 路由管理 | React Router 6 |
| 状态管理 | Zustand |
| UI 组件 | Tailwind CSS + Lucide Icons |
| Markdown 渲染 | react-markdown + remark-gfm |
| 图表渲染 | Mermaid |
快速部署
环境要求
-
Node.js >= 18
-
npm 或 yarn
1. 克隆项目
git clone https://github.com/your-repo/guimeng-cy.git
cd guimeng-cy
2. 安装依赖
npm install
3. 启动开发服务器
npm run dev
访问 http://localhost:5173 即可使用。
4. 生产环境构建
npm run build
构建产物在 dist 目录,可部署到任意静态托管服务(Vercel、Netlify、Nginx 等)。
项目结构
├── src/ # 前端源码
│ ├── components/ # 公共组件
│ │ ├── ProgressBar.tsx # 进度条组件
│ │ ├── RadarChart.tsx # 雷达图组件
│ │ └── ...
│ ├── pages/ # 页面组件
│ │ ├── Home.tsx # 首页
│ │ ├── Quiz.tsx # 测试页面
│ │ ├── Report.tsx # 报告页面
│ │ └── ...
│ ├── store/ # 状态管理
│ │ └── useStore.ts # Zustand 状态库
│ ├── types/ # 类型定义
│ │ └── index.ts # TypeScript 类型
│ ├── utils/ # 工具函数
│ │ └── api.ts # API 请求封装
│ └── App.tsx # 根组件
├── index.html
├── package.json
├── vite.config.ts
├── tailwind.config.js
└── tsconfig.json