From 7de40ae2656f1e11ab1200484077b83c2c1fe999 Mon Sep 17 00:00:00 2001 From: Flook Date: Tue, 15 Apr 2025 13:37:28 +0700 Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?= =?UTF-8?q?=20README?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/README.md => README.md | 42 +++++++++++++++++++++++++-------- 1 file changed, 32 insertions(+), 10 deletions(-) rename frontend/README.md => README.md (50%) diff --git a/frontend/README.md b/README.md similarity index 50% rename from frontend/README.md rename to README.md index 6549360..db21c2d 100644 --- a/frontend/README.md +++ b/README.md @@ -4,18 +4,18 @@ [![License](https://img.shields.io/badge/license-MIT-blue?style=flat-square)](#license) > Frontend สำหรับระบบ OpenGIS และแสดงผลแบบ Responsive ด้วย React + TailwindCSS ✨ -> ระบบนี้ถูก Deploy ไปที่: 🌍 **[https://opengis.softwarecraft.tech/](https://opengis.softwarecraft.tech/)** +> ระบบนี้จะถูก Deploy ไปที่: 🌍 **[https://opengis.softwarecraft.tech/](https://opengis.softwarecraft.tech/)** --- ## 🚀 Features - ✅ จัดการข้อมูลที่ต้องการได้ (CRUD) -- 🌞🌙 ปุ่มสลับธีม Light/Dark พร้อม Animation +- 🌞🌙 ปุ่มสลับธีม Light/Dark พร้อม Animationร - 📋 ตารางข้อมูลพร้อมปุ่ม Update และ Delete - 🔒 Modal ยืนยันการลบข้อมูล - 💅 ใช้ TailwindCSS และ DaisyUI สำหรับ UI ที่ดูดี -- หมายเหตุ อยู่ระหว่างการพัฒนา ดังนั้น โค้ดปัจจุบันจะยังไม่ใช่รูปแบบการทำงานจริง ๆ ที่วางแผนไว้ครับ +- ⚠️ หมายเหตุ: อยู่ระหว่างการพัฒนา โค้ดปัจจุบันยังไม่ใช่รูปแบบการทำงานจริงทั้งหมด --- ## 🧪 Tech Stack @@ -33,24 +33,46 @@ ## 🔗 Deployment -ระบบนี้จะถูก Deploy อัตโนมัติไปยัง: +ระบบนี้จะถูก Deploy ไปยัง: 👉 **[https://opengis.softwarecraft.tech/](https://opengis.softwarecraft.tech/)** +⚠️ หมายเหตุ: ระบบยังอยู่ในระหว่างการพัฒนา อาจมีการเปลี่ยนแปลงในอนาคต + --- ## 🛠️ Development -### 1. ติดตั้ง dependencies +### 1. ขั้นตอนสำหรับ Frontend ``` bash +cd frontend npm install -``` - -### 2. รันแบบ dev server - -``` bash npm run dev ``` +หากต้องการรันเฉพาะ frontend แบบ local dev ไม่ต้องใช้ Docker ก็สามารถทำได้ตามขั้นตอนข้างบน + +### 2. ขั้นตอนสำหรับ Employee Service (Backend) + +ต้องติดตั้ง JDK 21+ และ Maven + +``` bash +cd employee-service +./mvnw spring-boot:run +``` +แนะนำให้ใช้ IDE เช่น IntelliJ IDEA หรือ VS Code ในการพัฒนา + +### 3. การทดสอบระบบแบบรวม (Frontend + Backend) + +ใช้คำสั่งเดียวเพื่อรันทั้งระบบผ่าน Docker Compose + +``` bash +docker compose up -d +``` +จากนั้นสามารถเข้าใช้งานที่ + +- Frontend: http://localhost:5174 (หรือ port ที่ตั้งค่าไว้) + +- Backend (Employee Service): http://localhost:8080 (หรือ port ตาม config) ---