framework – React.js , tailwind CSS for ui design
dynamic table
validation for input – numeric fields, ranking
add / edit rows dynamically
export data to CSV or Json for analysis
Backend ใช้ node.js c express.js , Django
– เพื่อ handle data storage , retrieval
database – MongoDB for – storing relative ranks and notes securely
API –
POST /data เพื่อ submit form data to database
GET /data – retrieve save entries , เป็น fetch-data, fetch stored data for analysis or review , หรือเอา data ไปทำอะไรต่อ
PUT /data/:id – update specific rows
DELETE /data/:id – remove entries
Database Structure
database strucutre , 2nd :::
json
react.js code
:::why table มีแค่ table อันเดียว และ submit จะมีแค่อันเดียว ?
ใช้ json เก็บข้อมูล~ คล้าย sql
backend
code – Node.js with express
require
Middleware , .use , bodyParser.json
.post , .get , .listen
mysql, PostgreSQL
Integration : F -> B ใช้การ fetchAPI or Axios
fetch , .then
B -> D ใช้ ORM like Sequelize (Node.js) or SQLalchemy (Python) เพื่อ connect and save data to database