🎭 集装箱喜剧俱乐部🐳
标语： 以MongoDB MCP为特色，Mongo Atlas由MCP Gateway提供本地开发经验
一个现代的交互式笑话应用程序，提供以容器为主题的幽默和风格！采用React、Express、MongoDB和Redis构建，具有SNL风格的音效和流畅的动画。
🚀 快速开始
先决条件
- Git（用于克隆存储库）
- docker mcp网关运行
两种部署选项
🏠 选项1：本地开发（默认）
使用本地运行的容器化MongoDB。
- 克隆存储库
git clone
cd chuckle-mcp-atlas-stack- 从本地MongoDB开始
docker compose up --build- 访问应用程序
打开浏览器： http://localhost:3001
应用程序将自动：
- 在本地启动MongoDB并创建
docker-chuckles-dev数据库 - 启动Redis进行缓存
- 在数据库中添加40多个容器主题的笑话
- 构建和服务React前端
- 启动Express后端API
☁️ 选项2：MongoDB Atlas+MCP服务器
使用云托管的MongoDB Atlas，通过MCP服务器进行人工智能辅助操作。
特征：
- ☁️ 云托管MongoDB（提供免费层）
- 🤖 用于人工智能辅助数据库操作的MongoDB MCP服务器
- 🎨 用于数据库管理的Mongo UI
- ⚡ 相同的Redis缓存层
快速入门：
# 1. Copy and configure Atlas environment
cp .env.atlas.template .env.atlas
# Edit .env.atlas with your MongoDB Atlas credentials
# 2. Start with Atlas
docker compose -f compose.atlas.mcp.yaml --env-file .env.atlas up --build
# 3. Access services
# - App: http://localhost:3001📁 项目结构
chuckle-mcp-atlas-stack/
├── db/
│ └── seed.js # MongoDB seed data with jokes
├── public/
│ ├── index.html # HTML template
│ └── sounds/
│ ├── README.md # Sound effects guide
│ ├── drumroll.mp3 # Drum roll sound (add your own)
├── src/
│ ├── App.jsx # Main React component
│ ├── index.jsx # React entry point
│ ├── index.css # Global styles & animations
│ └── server.js # Express backend server
├── docker-compose.yml # Docker orchestration
├── Dockerfile # Multi-stage Docker build
├── package.json # Node.js dependencies
├── tailwind.config.js # Tailwind CSS configuration
├── postcss.config.js # PostCSS configuration
└── .env # Environment variables- 重建Docker镜像：
docker compose down
docker compose up --build🛠️ 发展
🐳 Docker命令
# Start all services
docker compose up -d
# View logs
docker compose logs -f
# Stop all services
docker compose down
# Rebuild and start
docker compose up --build
# Remove volumes (reset database)
docker compose down -v🌟 关键技术
| 技术 | 目的 |
|---|---|
| 反应18 | 具有钩子和并发功能的现代UI |
| Express.js | RESTful API后端 |
| MongoDB | 用于笑话存储的NoSQL数据库 |
| 瑞迪斯 | 内存缓存以提高性能 |
| 顺风 CSS | 实用程序优先的CSS框架 |
| 码头工人 | 容器化和编排 |
| 阿西奥斯 | API请求的HTTP客户端 |
📝 环境变量
# MongoDB Configuration
MONGODB_URI=mongodb://mongodb:27017/docker-chuckles-dev
MONGODB_HOST=mongodb
MONGODB_PORT=27017
MONGODB_DB=docker-chuckles-dev
# Redis Configuration
REDIS_HOST=redis
REDIS_PORT=6379
# Server Configuration
PORT=3001
NODE_ENV=production📄 许可证
该项目根据MIT许可证获得许可。
🙏 致谢
- 原始灵感来自 码头工人咯咯地笑了起来
- 使用React和Docker构建
- 采用Tailwind CSS风格
- 以容器为主题的笑话，供开发者娱乐
______________________________________________________________________
由以下材料制成❤️, 容器🐳, MongoDB🍃
*ContainerComedy Club-在这里，每个笑话都被妥善地包装起来，供您欣赏！*