ไธไธช็ฑ AI ้ฉฑๅจ็ๅจ่ฎญ็ป่ฎกๅ็ๆไธๆๅฐๅทฅๅ ท๏ผ้่ฟๅฏน่ฏๅถๅฎไธชๆงๅ็ๆฏๅจ่ฎญ็ป่ฎกๅ๏ผๆฏๆ็ผ่พๅๆๅฐๅ่ฝ๏ผๅธฎๅฉไฝ ไฟๆ่ๅฅใๅๆ็ฎๆ ใ
่ฎฟ้ฎ็ฝ็ซ๏ผhttps://weekwise-trainingplan.vercel.app/
- ๐ค AIๅฅ่บซๆ็ปๅฉๆ - ไฝฟ็จGitHub AI็ๆไธชๆงๅ่ฎญ็ป่ฎกๅ
- ๐ ๅจ่ฎญ็ป่ฎกๅ - 7ๅคฉๅฎๆด็่ฎญ็ปๅฎๆ
- โ๏ธ ๅฏ็ผ่พๅ ๅฎน - ็นๅปๅณๅฏ็ผ่พ่ฎญ็ปๅ ๅฎนใๆถ้ฟๅๅคๆณจ
- โ ่ฟๅบฆ่ท่ธช - ๆฏๆฅๅฎๆ็ถๆๆ ่ฎฐ
- ๐จ๏ธ ๆๅฐๅๅฅฝ - ไผๅ็ๆๅฐๆ ทๅผ๏ผๆฏๆA4็บธๅผ
- ๐ ไธญ่ฑๆๅๆข - ไธ้ฎๅๆข็้ข่ฏญ่จ๏ผๆฏๆ English / ไธญๆ
- React 18 + TypeScript
- Vite
- Tailwind CSS
- shadcn/ui ็ปไปถๅบ
- React Router
- Node.js + Express
- GitHub AI API
- CORSๆฏๆ
npm install็ผ่พ .env ๆไปถ๏ผๆทปๅ ไฝ ็GitHub AI Token๏ผ
GITHUB_TOKEN=your_github_token_here
PORT=3001npm run dev:full# ็ป็ซฏ1๏ผๅฏๅจๅ็ซฏๆๅกๅจ
npm run dev:server
# ็ป็ซฏ2๏ผๅฏๅจๅ็ซฏๅผๅๆๅกๅจ
npm run dev- ๅ็ซฏๅบ็จ๏ผhttp://localhost:8080
- ๅ็ซฏAPI๏ผhttp://localhost:3001
- ๅฅๅบทๆฃๆฅ๏ผhttp://localhost:3001/api/health
- ๆ่ฟฐไฝ ็ๅฅ่บซ็ฎๆ ใ็ป้ชๆฐดๅนณใๅฏ็จๆถ้ด็ญไฟกๆฏ
- AIไผ็ๆไธชๆงๅ็ๅจ่ฎญ็ป่ฎกๅ
- ็ๆๅ็นๅปโๆๅฐๅจ่ฎญ็ป่ฎกๅโๆ้ฎ๏ผ่ทณ่ฝฌๅฐๆฐ็้กต้ข
- ็นๅปไปปๆ่ฎญ็ปๅ ๅฎนใๆถ้ฟๆๅคๆณจๅบๅ่ฟ่ก็ผ่พ
- ็นๅปๆ ้ขๅฏไปฅไฟฎๆน่ฎญ็ป่ฎกๅๅ็งฐ
- ไฝฟ็จๅค้ๆกๆ ่ฎฐๆฏๆฅๅฎๆ็ถๆ
- ็นๅปๅณไธ่ง็๐จ๏ธๆ้ฎๆไฝฟ็จๅฟซๆท้ฎ Ctrl+P
- ้กต้ขๅทฒไผๅไธบA4็บธๅผ ๆๅฐๆ ผๅผ
POST /api/chat
Content-Type: application/json
{
"message": "็จๆทๆถๆฏ",
"history": [่ๅคฉๅๅฒ]
}
POST /api/generate-plan
Content-Type: application/json
{
"prompt": "่ฎญ็ป่ฎกๅๆ่ฟฐ"
}
GET /api/health
weekwise/
โโโ src/ # ๅ็ซฏๆบไปฃ็
โ โโโ components/ # React็ปไปถ
โ โโโ pages/ # ้กต้ข็ปไปถ
โ โโโ lib/ # ๅทฅๅ
ทๅบๅAPIๆๅก
โ โโโ hooks/ # ่ชๅฎไนHooks
โโโ server/ # ๅ็ซฏๆๅกๅจ
โ โโโ index.js # Expressๆๅกๅจ
โโโ public/ # ้ๆ่ตๆบ
โโโ dist/ # ๆๅปบ่พๅบ
- ๅจ
server/index.jsไธญๆทปๅ ๆฐ็่ทฏ็ฑ - ๅจ
src/lib/api.tsไธญๆทปๅ ๅฏนๅบ็APIๆๅกๆนๆณ - ๅจๅ็ซฏ็ปไปถไธญ่ฐ็จAPIๆๅก
ไฟฎๆน server/index.js ไธญ็ TRAINING_PLAN_PROMPT ๆฅ่ฐๆดAI็ๆ็ๅ
ๅฎนๆ ผๅผใ
npm run buildnpm run dev:server-
AIๅ่ฝไธๅทฅไฝ
- ๆฃๆฅ
.envๆไปถไธญ็GITHUB_TOKENๆฏๅฆๆญฃ็กฎ่ฎพ็ฝฎ - ็กฎ่ฎค็ฝ็ป่ฟๆฅๆญฃๅธธ
- ๆฃๆฅ
-
ๅ็ซฏๆ ๆณ่ฟๆฅๅ็ซฏ
- ็กฎ่ฎคๅ็ซฏๆๅกๅจๅจ3001็ซฏๅฃ่ฟ่ก
- ๆฃๆฅViteไปฃ็้ ็ฝฎ
-
ๆๅฐๆ ทๅผ้ฎ้ข
- ไฝฟ็จChromeๆEdgeๆต่งๅจ
- ็กฎไฟๅฏ็จไบๆๅฐ่ๆฏ้ข่ฒ้้กน
ๆฌข่ฟๆไบคIssueๅPull Requestๆฅๆน่ฟ่ฟไธช้กน็ฎ๏ผ
MIT License
- ็งปๅจ็ซฏ้้
- ่ฑๆ่ฎญ็ป่ฎกๅ็ๆ
An AI-powered tool for generating and printing personalized weekly training plans. Through natural conversation, you can design a tailored weekly workout schedule, edit it, and print it โ helping you stay consistent and reach your fitness goals.
Visit the website: https://weekwise-trainingplan.vercel.app/
- ๐ค AI Fitness Coach โ Uses GitHub AI to generate personalized training plans
- ๐ Weekly Training Schedule โ A complete 7-day workout routine with training tips and key strategies
- โ๏ธ Editable Content โ Click to modify exercises, duration, and notes
- โ Progress Tracking โ Mark your daily completion status
- ๐จ๏ธ Print-Friendly Design โ Optimized layout for A4 printing
- ๐ Bilingual Interface โ One-click switch between English / ไธญๆ
- React 18 + TypeScript
- Vite
- Tailwind CSS
- shadcn/ui component library
- React Router
- Node.js + Express
- GitHub AI API
- CORS support
npm installEdit the .env file and add your GitHub AI Token:
GITHUB_TOKEN=your_github_token_here
PORT=3001
npm run dev:full# Terminal 1: Start the backend server
npm run dev:server
# Terminal 2: Start the frontend dev server
npm run devFrontend: http://localhost:8080
Backend API: http://localhost:3001
Health check: http://localhost:3001/api/health
- Describe your fitness goals, experience level, and available time.
- The AI will generate a personalized weekly plan.
- After generation, click the โPrint Weekly Planโ button to open the printable view.
- Click any exercise, duration, or note to edit it directly.
- Click the title to rename the plan.
- Use checkboxes to mark daily completion.
- Click the ๐จ๏ธ button at the top right or press Ctrl+P.
- The page is optimized for A4 paper printing.
POST /api/chat
Content-Type: application/json
{
"message": "็จๆทๆถๆฏ",
"history": [่ๅคฉๅๅฒ]
}
POST /api/generate-plan
Content-Type: application/json
{
"prompt": "่ฎญ็ป่ฎกๅๆ่ฟฐ"
}
GET /api/health
weekwise/
โโโ src/ # Frontend source code
โ โโโ components/ # React components
โ โโโ pages/ # Page components
โ โโโ lib/ # Utilities and API services
โ โโโ hooks/ # Custom React hooks
โโโ server/ # Backend server
โ โโโ index.js # Express server entry point
โโโ public/ # Static assets
โโโ dist/ # Build output
- Add a new route in server/index.js
- Add the corresponding API function in src/lib/api.ts
- Call the API function from your frontend component
Modify the TRAINING_PLAN_PROMPT in server/index.js to adjust how the AI structures the generated content.
npm run buildnpm run dev:server
- AI features not working
- Check whether your GITHUB_TOKEN in .env is correctly set
- Ensure your network connection is stable
- Frontend cannot connect to backend
- Make sure the backend server is running on port 3001
- Check your Vite proxy configuration
- Printing layout issues
- Use Chrome or Edge browsers
- Make sure โPrint Background Colorsโ is enabled
Contributions are welcome! Please submit Issues or Pull Requests to help improve this project.
MIT License
- Mobile adaptation
- English-based training plan generation
