logo
0
0
WeChat Login
chore: initial import of ai-for-health hackathon project

小x宝社区 · 前端演示站

本仓库为围绕 小x宝社区官网 整理的 介绍与协作入口型 单页应用:任务广场、共建路径、公益价值与生态合作等模块的文案与结构与官网对齐,便于本地预览与二次开发。

权威信息(助手列表、招募状态、联系方式等)以官网为准。

技术栈

  • React 19 + TypeScript (strict mode)
  • Vite 6
  • Tailwind CSS 3 (PostCSS)
  • Framer Motion
  • Lucide React Icons

本地运行

前置条件: Node.js >= 18

npm install
npm run dev

浏览器访问 http://localhost:3000(端口见 vite.config.ts

构建

npm run build
npm run preview

目录结构

src/
├── main.tsx                    # 入口文件
├── App.tsx                     # 根组件(路由/状态管理)
├── index.css                   # Tailwind 指令 + CSS 变量 + 动画
├── types.ts                    # 类型定义
├── lib/
│   ├── routes.ts               # 路由路径
│   └── utils.ts                # cn() 等工具
└── components/
    ├── ui/
    │   └── UIComponents.tsx    # 基础 UI 组件
    ├── Header.tsx
    ├── Hero.tsx
    ├── Features.tsx
    ├── Wishes.tsx
    ├── Process.tsx
    ├── Rewards.tsx
    ├── FAQ.tsx
    ├── CTA.tsx
    ├── Auth.tsx
    ├── Dashboard.tsx
    ├── Profile.tsx
    ├── Partners.tsx
    └── Footer.tsx