README.md

1.80 KB
25/07/2025 14:43
MD
# ระบบประเมินผลการปฏิบัติงาน (Performance Evaluation Dashboard)

**ผู้แต่ง:** Goragod Wiriya

**AI:** GPT 4.1

---

## Prompt

```
ออกแบบ ระบบประเมินผลการปฏิบัติงาน เฉพาะ dashboard และ ฟอร์ม login ให้หน่อย เป็น HTML CSS Javascript no framework

Design a modern and mobile-responsive admin dashboard with a clean, easy-to-use interface. The primary color is blue (#0D47A1), enhanced with subtle gradients. The layout should feature a fixed sidebar with icons, a top navigation bar, and a main content area with data cards and charts. Emphasize usability, minimal clutter, and a unique, professional visual identity. Use smooth shadows and rounded corners to give the UI a soft, modern feel. The design must be intuitive for all screen sizes, including mobile and tablet.
```

---

## Project Overview

This project is a web-based performance evaluation dashboard, including a login form and an admin dashboard. It is built using only HTML, CSS, and JavaScript (no frameworks). The design focuses on modern aesthetics, usability, and responsiveness for all devices.

### Features
- **Login Form**: Simple, secure, and user-friendly login interface.
- **Admin Dashboard**:
  - Fixed sidebar with icons
  - Top navigation bar
  - Main content area with data cards and charts
  - Clean, minimal, and professional design
  - Mobile and tablet responsive
  - Blue primary color (#0D47A1) with gradients, smooth shadows, and rounded corners

### How to Use
1. Open `index.html` in your browser.
2. Login with your credentials.
3. Access the dashboard to view performance data and analytics.

---

## License
This project is for educational and demonstration purposes.