开发项目分析工具

一个使用OpenAI API分析多边开发银行(如世界银行、非洲开发银行等)开发项目的全栈应用,能够根据自然语言查询生成摘要、关键数据表和图表可视化。

  • by Faduma2025
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 Faduma2025/mcp-wrapper

使用说明

# 🌍 MDB 分析器

一个使用**OpenAI API**分析世界银行、非盟发展银行和伊斯兰开发银行等多边开发银行(MDBs)开发项目的简单全栈应用。

它接受自然语言查询(例如,“世界银行2023年在非洲资助了多少个技术项目?”)并返回:

- 🧾 一篇**短篇小说**的概要

- 📊 一个**关键数据表**

- 📈 **图表可视化**


## 🚀 功能特点

- **前端:** React(使用 Vite / Create React App)

- **后端:** Node.js + Express

- **AI引擎:** OpenAI GPT-4 API

- **可视化:** 使用 Chart.js 绘制图表

- **样式:** 简约、干净的布局,配有卡片和表情符号图标


## 🧩 项目结构

mcp-wrapper/(可翻译为“mcp包装器/”或根据具体上下文调整为更贴切的表述,如“MCP封装工具/”等)

├── backend/

│ ├── index.js # Express 服务器

根据上述信息,以下是翻译后的内容:

│ ├── package.json

│ └── .env # 你的私有API密钥(Git忽略)

├── frontend/(前端目录)

│ ├── src/

│ │ ├── App.js # 主要的React用户界面

│ │ ├── App.css

│ │ └── index.js 翻译为中文是:│ │ └── index.js(文件)

│ ├── public/

│ └── package.json(文件)

└── README.md(文件)

YAML(YAML Ain't Markup Language,YAML不是标记语言)

复制代码


## 🧠 环境变量

创建一个文件 backend/.env 与;带有;和

OPENAI_API_KEY=your-api-key-here

YAML(YAML Ain't Markup Language,YAML不是标记语言)

复制代码

⚠️ 此文件已列出在 .gitignore 并且**不应该提交到**GitHub。


## 🛠️ 如何在本地运行

### 1️⃣ 启动后端


cd backend

npm install

node index.js

2️⃣ Start the frontend

bash

Copy code

cd ../frontend

npm install

npm start

3️⃣ Access

Open your browser at:

👉 http://localhost:3000



📦 Deployment

You can deploy easily to:



Render, Vercel, or Netlify for the frontend



Railway or Render for the backend



Make sure to set the environment variable OPENAI\_API\_KEY in your hosting service.



yaml

Copy code



---



\### ✅ Next steps

1\. Save this as `README.md` in your project root.

2\. Push it:

   ```cmd

   git add README.md

   git commit -m "Add formatted README"

   git push