想知道自己适合做什么副业,快来测评一下吧

项目地址:https://github.com/ragupathypinkee-lab/cy_app**
归梦工作室**(Guimeng Studio)是一家专注于软件开发和新媒体运营的创意工作室。

业务领域

  • 软件开发:为企业和个人提供定制化软件解决方案,包括 Web 应用、移动端应用、小程序开发等

  • 新媒体运营:提供内容创作、账号运营、品牌营销等新媒体服务

  • 技术咨询:提供技术架构设计、代码审计、性能优化等技术服务

核心理念

我们相信技术是推动创新的力量,致力于将创意转化为优质的产品和服务。


系统介绍

创业能力测试系统是一款创业能力评估工具,通过 30 道专业测试题目,从六个核心维度全面评估用户的创业潜力:

维度 说明
执行力 目标达成与行动力
抗压力 面对挑战的心理韧性
学习能力 持续成长与知识迭代
销售能力 市场开拓与客户沟通
领导力 团队协作与资源整合
风险承受 不确定环境下的决策能力

核心功能

  • :mobile_phone: 响应式设计:完美适配手机、平板、电脑等多种设备

  • :bar_chart: 多维度分析:六维能力分析,清晰展示创业能力画像

  • :artist_palette: 现代化 UI:渐变配色、流畅动画,打造沉浸式体验

  • :outbox_tray: 一键分享:生成分享海报,轻松展示测试结果

  • 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