Wich Movie

🎬 哪部电影

一款智能电影推荐应用程序，使用人工智能分析您的喜好并建议个性化电影。使用React，TypeScript和TMDB API集成开发。

✨ 功能

🎯 智能推荐

• 个性化建议根据您观看过的电影获得推荐
• 按类型过滤器包括或排除特定类型
• 完整信息海报，简介，预告片和观看地点

📊 首选项分析

• 分析仪表板查看您观看的电影的详细统计信息
• 流派图表看看你最喜欢哪些类型
• 评价分析统计您的成绩和偏好
• AI建议人工智能生成的个性化建议

🎭 电影管理

• 出席者列表记录您观看的电影
• 评估系统评价电影1至5星
• 完整历史查看所有观看和推荐的电影
• 添加/删除完全控制您的个人列表

🎨 现代界面

• 黑暗主题优雅的黑色主题界面
• 设计响应o适用于桌面和移动设备
• 现代组件使用Material-UI和Tailwind CSS构建的用户界面
• 软动画改进过渡和视觉反馈

🔧 高级功能

• 类型建议AI根据您的喜好建议性别
• 舒适区VS新体验选择类似的电影或探索新的流派
• 评论分析AI为您分析电影评论
• 流媒体证明者查看在哪里观看每部电影

🚀 使用的技术

前端

• 反应18 com TypeScript
• 材料UI（MUI） 对于组件
• 顺风CSS 用于造型
• 快 用于构建和开发
• TanStack查询 状态 管理

后端

• Deco平台 com Cloudflare员工
• 淋ORM com SQLite
• 萨德 用于方案验证
• TMDB API 用于电影数据
• OpenAI GPT 用于AI分析

基础设施

• Cloudflare员工 准部署
• 耐用物品 为了坚持
• 模型上下文协议（MCP） 用于通信

🛠️ 安装和配置

先决条件

• Node.js≥18.0.0
• npm≥8.0.0
• Deco命令行界面: deno install -Ar -g -n deco jsr:@deco/cli

初始设置

# Clone o repositório
git clone 
cd which-movie

# Instale as dependências
npm install

# Configure a aplicação
npm run configure

# Configure a API key do TMDB
# (será solicitado durante o primeiro uso)

TMDB API 配置

1. 访问 TMDB
2. 创建帐户并请求API密钥
3. 使用某种工具 SET_TMDB_API_KEY 在应用程序中配置

🚀 开发

可用的命令

# Iniciar desenvolvimento
npm run dev

# Gerar tipos para integrações externas
npm run gen

# Gerar tipos para suas próprias tools/workflows
npm run gen:self

# Deploy para produção
npm run deploy

项目结构

which-movie/
├── server/                 # Backend (MCP Server)
│   ├── main.ts            # Ponto de entrada do servidor
│   ├── tools.ts           # Tools do MCP (recomendações, análise, etc.)
│   ├── workflows.ts       # Workflows complexos
│   ├── schema.ts          # Schema do banco de dados
│   ├── db.ts              # Configuração do banco
│   └── deco.gen.ts        # Tipos gerados automaticamente
├── view/                  # Frontend (React)
│   ├── src/
│   │   ├── App.tsx        # Componente principal
│   │   ├── lib/
│   │   │   ├── rpc.ts     # Cliente RPC tipado
│   │   │   └── hooks.ts   # Hooks personalizados
│   │   └── main.tsx       # Ponto de entrada React
│   └── package.json
└── package.json           # Workspace principal

🎯 Como Usar

1. 第一次访问

• 配置您的 TMDB API 密钥
• 探索可用的流派
• 收到您的第一个推荐

2. 建立您的个人资料

• 添加您观看过的电影
• 评价电影（1-5星）
• 探索不同的流派

3. 分析和见解

• 使用“分析观看的电影”按钮
• 查看详细统计
• 接收个性化建议

4. 聪明的建议

• 选择“舒适区”或“新体验”
• 获取基于 AI 的性别建议
• 探索相似或不同的电影

🔧 可用工具

电影推荐

• RECOMMEND_MOVIE推荐带有类型过滤器的电影
• LIST_MOVIE_GENRES列出所有可用的流派
• GET_MOVIE_REVIEWS使用人工智能分析电影评论

电影管理

• GET_WATCHED_MOVIES观看电影列表
• ADD_WATCHED_MOVIE添加电影到列表
• REMOVE_WATCHED_MOVIE从列表中删除电影
• UPDATE_MOVIE_RATING更新电影评分

分析与人工智能

• ANALYZE_WATCHED_MOVIES使用 AI 进行全面分析
• SUGGEST_GENRES自定义类型建议

配置

• SET_TMDB_API_KEY：配置API密钥执行TMDB

🎨 接口

黑暗主题

• 优雅的深色界面
• 优化的读取对比度
• 材料组件-定制UI

主要组件

• 电影卡丰富的海报，标题和股票展览
• 历史模式由 abas 组织的预览
• 分析模式显示图表和统计信息的仪表板
• 评估系统： 互动明星
• 类型芯片类别的视觉标签

责任

• 适用于不同屏幕的自适应布局
• 移动优化导航
• 自动调整的组件

🔍 详细功能

推荐系统

1. 智能过滤器包括你喜欢的类型，排除你不喜欢的类型
2. 受欢迎程度基于热门电影的推荐
3. 证明者显示在哪里观看每部电影
4. 拖车直接链接到YouTube上的预告片

AI分析

1. 一般分析您的偏好摘要
2. 评级统计平均值，分布
3. 流派图表： 查看您的偏好
4. 个性化建议基于AI的建议

国家 管理

• 加载状态所有动作的视觉反馈
• 错误处理优雅的错误处理
• 乐观的更新：接口响应
• 智能缓存：Dados em缓存性能

🚀 部署

部署自动化

npm run deploy

生产环境

• 统一资源定位符部署后可用
• 演出使用 Cloudflare Workers 进行优化
• 可扩展性支持多个用户
• 安全：受保护的API密钥

🤝 贡献

1. 分叉工程
2. 为您的功能创建一个分支 （git checkout -b feature/AmazingFeature)
3. 提交您的更改（git commit -m 'Add some AmazingFeature')
4. 推动一个分支(git push origin feature/AmazingFeature)
5. 打开 Pull Request

📄 许可证

这个项目是MIT许可的。查看文件 LICENSE 了解更多详情。

🙏 致谢

• TMDB提供电影 API
• Deco平台MCP 基础设施
• 材质UIReact 组件
• OpenAI通过与AI的集成

______________________________________________________________________

🎬 发现你最喜欢的人工智能电影！