gitmintgo/
├── public/
│ └── logo.png # GitmintGo logo (downloaded from Cloudinary)
├── src/
│ ├── pages/
│ │ ├── api/
│ │ │ ├── chatgpt.ts # API route for ChatGPT
│ │ │ ├── gemini.ts # API route for Gemini
│ │ │ └── llama.ts # Optional for Meta LLaMA 3
│ │ └── index.tsx # Main homepage
│ ├── components/
│ │ ├── Header.tsx
│ │ ├── Footer.tsx
│ │ ├── SearchBox.tsx
│ │ └── AiSelection.tsx # Dropdown for API provider selection
│ └── styles/
│ └── globals.css
├── .eslintrc.json
├── .gitignore
├── next.config.js
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.json
└── README.md
```js
---
project-root/
├── index.html
├── settings.html
├── /assets
│ ├── /css
│ │ └── tailwind.custom.css (optional, if you want custom styles)
│ ├── /js
│ │ ├── main.js (common JS for homepage)
│ │ └── settings.js (for handling dropdown, localStorage, API logic)
│ └── /img
│ └── logo.png (logo or other static images)
├── /api
│ └── (optional server-side integration folder)
└── /supabase
└── (optional setup for Supabase if used)
// Optional for development
├── tailwind.config.js
├── postcss.config.js
├── package.json
├── README.md
```js
## csharp
```js
gitmintgo/
├── public/
│ └── logo.png
├── src/
│ ├── pages/
│ │ ├── index.tsx # หน้าแรก
│ │ ├── settings.tsx # หน้า "การตั้งค่า"
│ │ └── api/
│ │ ├── chatgpt.ts # API เชื่อม ChatGPT
│ │ ├── gemini.ts # API เชื่อม Gemini
│ │ └── ... # อื่น ๆ (Phi, LLaMA)
│ ├── components/
│ │ ├── Header.tsx
│ │ ├── Footer.tsx
│ │ └── SearchBox.tsx
│ └── styles/
│ └── globals.css
├── .eslintrc.json
├── tailwind.config.js
├── tsconfig.json
├── package.json
└── README.md
```js
```js
{
"name": "gitmintgo",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"axios": "^1.6.8",
"next": "14.2.3",
"react": "18.2.0",
"react-dom": "18.2.0"
},
"devDependencies": {
"autoprefixer": "^10.4.17",
"eslint": "^8.56.0",
"eslint-config-next": "14.2.3",
"postcss": "^8.4.38",
"tailwindcss": "^3.4.3",
"typescript": "^5.4.5"
}
}
```js
```js
gitmintgo/
├── public/
│ └── logo.png # GitmintGo logo (downloaded from Cloudinary)
├── src/
│ ├── pages/
│ │ ├── api/
│ │ │ ├── chatgpt.ts # API route for ChatGPT
│ │ │ ├── gemini.ts # API route for Gemini
│ │ │ └── llama.ts # Optional for Meta LLaMA 3
│ │ └── index.tsx # Main homepage
│ ├── components/
│ │ ├── Header.tsx
│ │ ├── Footer.tsx
│ │ ├── SearchBox.tsx
│ │ └── AiSelection.tsx # Dropdown for API provider selection
│ └── styles/
│ └── globals.css
├── .eslintrc.json
├── .gitignore
├── next.config.js
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.json
└── README.md
```js
```py
gitmintgo/
├── public/
│ └── logo.png # GitmintGo logo (จาก Cloudinary)
├── src/
│ ├── pages/
│ │ ├── api/
│ │ │ ├── chatgpt.ts # API route สำหรับ ChatGPT
│ │ │ ├── gemini.ts # API route สำหรับ Gemini
│ │ │ └── llama.ts # รองรับ LLaMA 3
│ │ └── index.tsx # หน้าเว็บไซต์หลัก
│ ├── components/
│ │ ├── Header.tsx
│ │ ├── Footer.tsx
│ │ ├── SearchBox.tsx
│ │ └── AiSelection.tsx # ดรอปดาวน์เลือก AI Provider
│ └── styles/
│ └── globals.css
├── .eslintrc.json
├── .gitignore
├── next.config.js
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.json
└── README.md
```py
---
##✅ยาฮู้
### เริ่มจาก pages/index.tsx และ components/SearchBox.tsx
สร้าง API mock: /api/chatgpt.ts และ /api/gemini.ts
สร้างหน้า settings.tsx พร้อมดรอปดาวน์เลือกโมเดล
--
## เบื่อเมียV1.01