เพิ่ม README.md

README.md

@@ -1,12 +1,58 @@
-# React + Vite
+# 🌐 OpenGIS Frontend
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+[![Deploy Status](https://img.shields.io/badge/deploy-success-brightgreen?style=flat-square&logo=vercel)](https://opengis.softwarecraft.tech/)
+[![License](https://img.shields.io/badge/license-MIT-blue?style=flat-square)](#license)
 
-Currently, two official plugins are available:
+> Frontend สำหรับระบบ OpenGIS และแสดงผลแบบ Responsive ด้วย React + TailwindCSS ✨  
+> ระบบนี้ถูก Deploy ไปที่: 🌍 **[https://opengis.softwarecraft.tech/](https://opengis.softwarecraft.tech/)**
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+---
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
 
-## Expanding the ESLint configuration
+## 🚀 Features 
 
-If you are developing a production application, we recommend using TypeScript and enable type-aware lint rules. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
+- ✅ จัดการข้อมูลที่ต้องการได้ (CRUD)
+- 🌞🌙 ปุ่มสลับธีม Light/Dark พร้อม Animation
+- 📋 ตารางข้อมูลพร้อมปุ่ม Update และ Delete
+- 🔒 Modal ยืนยันการลบข้อมูล
+- 💅 ใช้ TailwindCSS และ DaisyUI สำหรับ UI ที่ดูดี
+- หมายเหตุ อยู่ระหว่างการพัฒนา ดังนั้น โค้ดปัจจุบันจะยังไม่ใช่รูปแบบการทำงานจริง ๆ ที่วางแผนไว้ครับ 
+---
+
+## 🧪 Tech Stack
+
+| Technology   | Description                        |
+|--------------|------------------------------------|
+| ⚛️ React     | Frontend JavaScript Framework       |
+| 💨 TailwindCSS | Utility-first CSS Framework         |
+| 🖌️ DaisyUI  | Component UI บนพื้นฐาน Tailwind    |
+| 🧠 Gitea     | Git Self-hosted Repository          |
+| 🚀 Drone CI  | การทำ Continuous Integration และ Continuous Delivery (CI/CD) |
+| 🚀 SonarQube  | การวิเคราะห์คุณภาพโค้ด (Code Quality) |
+
+---
+
+## 🔗 Deployment
+
+ระบบนี้จะถูก Deploy อัตโนมัติไปยัง:
+👉 **[https://opengis.softwarecraft.tech/](https://opengis.softwarecraft.tech/)**
+
+---
+
+## 🛠️ Development
+
+### 1. ติดตั้ง dependencies
+
+``` bash 
+npm install
+```
+
+### 2. รันแบบ dev server
+
+``` bash 
+npm run dev
+```
+
+---
+
+## 🤝 Contributing
+Pull requests welcome! หากมีคำแนะนำหรือข้อเสนอแนะ ยินดีรับฟังเสมอ 🙌