React/Vite web app được dựng thành file và trang thật từ tài liệu dự án RKIX3.
File bạn đưa đã được dùng làm blueprint triển khai:
17805318804541328577397787959494.jpg
- Chuyển repo từ trang HTML đơn lẻ sang app React + Vite có source thật.
- Tạo các thư mục/file theo tài liệu:
.backup,.config,src/components,src/pages,src/data,src/services,src/hooks,src/store,src/utils. - Tạo đủ 7 trang chính: AI Workspace, Workspace, Code Studio, Build Center, Library Hub, Integration Center, Profile.
- Không tạo thêm bản sao binary trong
src; app dùng trực tiếp hai file gốc ở repo root để tránh lỗi/khó push tệp nhị phân. - Cập nhật GitHub Pages workflow để build app bằng
npm run build, copy file tài liệu JPG vào_sitevà deploy.
RKIX3/
├─ .backup/
│ └─ src-v0.1/README.md
├─ .config/
│ ├─ VERSION_LOCK.md
│ ├─ ROADMAP.md
│ ├─ CHANGELOG.md
│ ├─ TASKS.md
│ └─ ARCHITECTURE.md
├─ src/
│ ├─ App.jsx
│ ├─ App.css
│ ├─ index.css
│ ├─ main.jsx
│ ├─ assets/
│ │ ├─ icons/README.md
│ │ └─ themes/rkix3.css
│ ├─ components/
│ │ ├─ TopBar.jsx
│ │ ├─ BottomNav.jsx
│ │ ├─ PromptBox.jsx
│ │ ├─ Card.jsx
│ │ ├─ ProjectCard.jsx
│ │ ├─ LibraryCard.jsx
│ │ ├─ ChatBox.jsx
│ │ ├─ ThemeSwitch.jsx
│ │ └─ Modal.jsx
│ ├─ pages/
│ │ ├─ AI.jsx
│ │ ├─ Workspace.jsx
│ │ ├─ Code.jsx
│ │ ├─ Build.jsx
│ │ ├─ Library.jsx
│ │ ├─ Integration.jsx
│ │ └─ Profile.jsx
│ ├─ data/
│ │ ├─ libraries.js
│ │ ├─ templates.js
│ │ ├─ projects.js
│ │ ├─ tasks.js
│ │ └─ integrations.js
│ ├─ services/
│ │ ├─ apiService.js
│ │ ├─ github.js
│ │ ├─ vercel.js
│ │ ├─ railway.js
│ │ └─ storage.js
│ ├─ hooks/
│ │ ├─ useTheme.js
│ │ ├─ useProjects.js
│ │ ├─ useTasks.js
│ │ └─ useAI.js
│ ├─ store/
│ │ ├─ project.js
│ │ ├─ promptStore.js
│ │ └─ uiStore.js
│ └─ utils/
│ ├─ format.js
│ ├─ export.js
│ ├─ parser.js
│ └─ constants.js
├─ 1780136894650-Photoroom.png
├─ 17805318804541328577397787959494.jpg
├─ index.html
├─ package.json
├─ package-lock.json
├─ vite.config.js
└─ README.md| Trang | Module con |
|---|---|
| 🤖 AI Workspace | Chat, AI Agent, Workflow Builder, App Builder, Code Generator |
| 🧭 Workspace | Projects, Tasks, Roadmap, Project Memory |
| ⌨️ Code Studio | Editor, Snippets, Templates, AI Coding |
| 🚀 Build Center | React, NextJS, NodeJS, Flutter, Export ZIP, Deploy |
| 📚 Library Hub | Frameworks, Databases, APIs, Documentation |
| 🔗 Integration Center | GitHub, Vercel, Railway, Netlify, Supabase |
| 👤 Profile | User, Theme, Settings, Security |
npm install
npm run dev
# mở http://127.0.0.1:5173npm run buildWorkflow .github/workflows/static.yml sẽ:
- Checkout source.
- Setup Node và chạy
npm ci. - Build React/Vite bằng
npm run buildvớibase: './'để chạy đúng trên GitHub Pages project path. - Tạo
_sitetừdist. - Copy
README.md, logo và17805318804541328577397787959494.jpgvào_site. - Upload artifact và deploy GitHub Pages.
RKIX3 — tạo file, tạo page, build được, deploy được.