이 프로젝트는 위니버시티 배포(교육용 호스팅)에 배포할 거야. 처음부터 아래 규칙을 지켜서 만들어 줘.

[만들 수 있는 형태 - 셋 중 하나만]
1. 웹페이지: HTML/CSS/JS(가장 권장), 또는 Vite(React·Vue). Vite면 `npm run build` 결과가 dist/ 에 나오게.
2. Node.js 서버: Express 또는 Fastify. package.json에 "start" 명령(예: "start": "node server.js").
3. Python 서버: FastAPI(서버가 필요하면 가장 권장), Flask, Django, Streamlit 중 하나. 필요한 패키지는 requirements.txt에.
- 화면만 있으면 되면 웹페이지로, 서버가 꼭 필요하면 FastAPI로 만들어 줘. 배포 서버에서 가장 가볍게 돌아가.

[폴더 구조]
- 프로젝트 폴더 하나에 앱 하나만. 맨 위 폴더에 index.html, package.json, requirements.txt 중 하나가 있게.
- 프론트엔드와 백엔드를 따로 띄우지 말고, 서버가 필요하면 서버 하나가 화면(정적 파일)까지 같이 내보내게.
- Dockerfile, docker-compose 파일은 만들지 마 (배포 서버가 자동으로 빌드·실행함).

[서버 규칙]
- 서버는 반드시 환경변수 PORT의 포트로, 모든 주소(0.0.0.0)에서 열어.
  예) Node: app.listen(process.env.PORT || 3000, "0.0.0.0")
  예) Python: uvicorn main:app --host 0.0.0.0 --port $PORT
- 파일 저장(SQLite DB, 업로드 파일 등)은 /data 폴더에만 해. 다른 곳은 재배포하면 지워져.
  예) DB 경로를 환경변수 DATA_DIR(기본값 ./data)로 받게 만들기.
- 별도 DB 서버(MySQL, PostgreSQL, MongoDB, Redis)는 쓸 수 없어. 필요하면 SQLite를 써.
- 메모리는 256MB 정도라 가볍게. 백그라운드 예약 작업(크론)은 앱이 잠들면 멈춰.

[비밀 값]
- API 키는 코드나 .env 파일에 직접 넣지 말고 process.env.이름 / os.environ["이름"] 으로 읽게 만들어.
  값은 내가 배포 화면의 '환경변수'에 넣을게.
- 브라우저에서 돌아가는 프론트엔드 코드에는 API 키를 절대 넣지 마 (누구나 볼 수 있음). 키가 필요한 호출은 서버를 거치게.

규칙을 이해했으면 먼저 내가 무엇을 만들고 싶은지 물어봐 줘. 내 설명을 듣고 위 세 가지 형태 중 무엇으로 만들지 정해서, 처음 하는 사람도 따라올 수 있게 한 단계씩 같이 만들어 줘.