page-header

Challenge 4 – SDD Step 1: Initialize the Project Based on Init.md

Back to Home

Challenge 4 – SDD Step 1: Initialize the Project Based on Init.md

Complete the following tasks to initialize the “What to Eat” project:

 Step 1: Create a free PostgreSQL database on supabase.com

# Step Description Link
1 Register a free supabase account Free accounts can create two database instances https://supabase.com/dashboard/sign-up
2 Complete your account information You need to create an initial organization https://supabase.com/dashboard/new
3 Create a new project
4 Record the database URL

Step 2: Create a new folder “eatwhat” and open the IDE from this folder

Step 3: Create a new init.md file in the root directory and add the following content:

# web app:吃点啥
## 主要功能
### 根据用户喜好,利用AI,生成每日家常菜谱
### 用户可以踩不喜的菜谱,或者赞喜欢的菜谱
### AI应该学习用户的喜好,为用户生成用户画像,从而更精准地提供用户喜欢的菜谱
### 后续根据用户反馈,增加新的功能,需要考虑扩展性

## 技术栈
### 前端
- Next.js 15或以上 (React 框架, 支持SSR/SSG)
- TypeScript (类型安全)
- Tailwind CSS (样式)
### 后端
- Next.js API Routes (服务端接口)
- Prisma (ORM, 数据库操作)
### 数据库
- 架设在 Supabase 上的PostgreSQL (存储用户数据、菜谱、偏好记录)
### AI 模型
- Qwen API (使用提供的秘钥调用大模型)

Step 3: Install dependencies – Provide instructions to AI:

# 按照 ../init.md 安装依赖项,
# 过程如遇到权限问题泽使用 sudu 命令
## 生成 sudo 命令
## 暂停进程, 等待我手动在 terminal 执行
## 我完成执行后继续进程
# 过程中如遇到其他问题, 则寻求我的帮助
## 暂停进程, 说明问题, 给出选项
## 等我提供方向后再继续

Step 4: Set the Qwen API Key and database connection in environment variables

1. Find your group’s API Key

# Group Pre-assigned Qwen API Key
1 Group 1 sk-c6b4118e7fa94355bd41b837705db5c4
2 Group 2 sk-fc05bf05da8f4aadbc56e65007775467
3 Group 3 sk-496526ca729a4b0298a67a85974d0a53
4 Group 4 sk-1d11cb64d99d42289590ca8a36874ac1
5 Group 5 sk-392f4586ac0448ccb5de87b08cdf1907
6 Group 6 sk-674381660f7d4cc3a46b1f3b63fac63a

2. Qwen Base URL

https://dashscope.aliyuncs.com/compatible-mode/v1

3. Edit the .env file in TRAE CN

DATABASE_URL="your-db-url"
DASHSCOPE_API_KEY=your-api-key
DASHSCOPE_BASE_URL=https://dashscope.aliyuncs.com/compatible-mode/v1
DASHSCOPE_MODEL=qwen-plus
PORT=3000

Step 5: Other initialization tasks

Discussion: What other initialization tasks would you like to do next?
A. Let AI write a technical architecture document
B. Let AI suggest a project directory structure
C. Let AI create a Hello World page to test initialization results
D. Others [please describe]

Back to Home