https://github.com/lightofficialstudio/datawow-web-social

📊 Datawow first assignment (Next.JS)
https://github.com/lightofficialstudio/datawow-web-social

assignment datawow web

Last synced: about 1 month ago
JSON representation

📊 Datawow first assignment (Next.JS)

• Host: GitHub
• URL: https://github.com/lightofficialstudio/datawow-web-social
• Owner: lightofficialstudio
• Created: 2025-01-04T07:41:15.000Z (over 1 year ago)
• Default Branch: release/production
• Last Pushed: 2025-08-30T04:54:22.000Z (10 months ago)
• Last Synced: 2025-08-30T06:19:57.655Z (10 months ago)
• Topics: assignment, datawow, web
• Language: TypeScript
• Homepage: https://www.datawow.co.th
• Size: 378 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

          
# First Assignment – Datawow Social (Tech Application)

**Project Assignment สำหรับสมัครงานกับ Data Wow**  

พัฒนาเว็บไซต์/แอป “Social” โดยใช้ **Next.js** เพื่อทดสอบความสามารถในการออกแบบ UI/UX, ทำงานกับ Frontend และ API Integration

 *หมายเหตุ: สำหรับข้อมูลบริษัท Data Wow — Data Science & AI Consultant ในกรุงเทพ บริการ Big Data, Web Software Development และโซลูชัน AI ครบวงจร  [oai_citation:0‡datawow.io](https://www.datawow.io/about?utm_source=chatgpt.com) [oai_citation:1‡datawow.co.th](https://www.datawow.co.th/careers?utm_source=chatgpt.com)*

---

##  วัตถุประสงค์ของ Assignment

ทดสอบความสามารถในการสร้างแอปแบบ Full-stack ด้วย Next.js (often paired with NestJS) — โดยเฉพาะการทำ UI/UX ที่เน้นผู้ใช้, การทำ CRUD, responsive design, และการทดสอบระบบเบื้องต้น  

(ตามโจทย์ของผู้สมัคร Full Stack นักพัฒนา Next.js + NestJS  [oai_citation:2‡Glassdoor](https://www.glassdoor.com/Interview/Datawow-Interview-Questions-E5561703.htm?utm_source=chatgpt.com))

---

##  ฟีเจอร์หลักที่พัฒนา

- **Responsive UI (Desktop & Mobile)**  

  ปรับและออกแบบให้ใช้งานได้ดีบนทุกขนาดหน้าจอ  

- **ระบบ Social Features (CRUD)**  

  - สร้าง อ่าน แก้ไข และลบโพสต์ได้  

  - ฟิลด์เช่นชื่อ, เนื้อหา, วันที่, ผู้เขียน ฯลฯ  

- **UX Enhancement (เช่น “Continue as Guest”)**  

  เพิ่มปุ่มและ flow ที่รองรับผู้ใช้ที่ยังไม่ล็อกอินตามที่ควรจะเจอในงานจริง  [oai_citation:3‡Glassdoor](https://www.glassdoor.com/Interview/Datawow-Interview-Questions-E5561703.htm?utm_source=chatgpt.com)

- **API Integration (ผ่าน Next.js API routes หรือเชื่อมด้วย NestJS)**  

  ร้องขอข้อมูล, เก็บข้อมูล, จัดการ error และผลลัพธ์อย่างเป็นระบบ  

- **Unit Testing (เบื้องต้น)**  

  ทดสอบฟังก์ชัน CRUD เพื่อให้มั่นใจในความเสถียรของระบบ

---

##  เทคโนโลยีที่ใช้

- **Next.js** — React-based framework รองรับ SSR/SSG, ทำให้เว็บไซต์โหลดเร็วและ SEO-friendly  

- **TypeScript** — เพิ่มความปลอดภัยและความมั่นคงของโค้ด  

- **CSS Module / Styled Components** — สำหรับออกแบบ UI อย่างมีสไตล์  

- **การจัดการ State** เช่น React Context หรือ Redux ตามต้องการ  

- **Unit Testing Tools** — เช่น Jest หรือ React Testing Library  

---

##  สิ่งที่ Assignment นี้สะท้อนให้เห็น

1. **ความเข้าใจ UX และ Responsive Design**  

   เพิ่มปุ่ม “ใช้งานต่อในฐานะแขก (Continue as Guest)”, ทำให้ UI ใช้งานง่ายสำหรับผู้ใช้จริง — ตามข้อสังเกตในกระบวนการทดสอบของ Data Wow  [oai_citation:4‡Glassdoor](https://www.glassdoor.com/Interview/Datawow-Interview-Questions-E5561703.htm?utm_source=chatgpt.com)

2. **ความสามารถด้าน Full-stack Development**  

   รู้วิธีสร้าง UI, ควบคุมข้อมูล รวมถึงจัดการกับ API เบื้องหลังอย่างเป็นระบบ

3. **Clean Code & Scalability**  

   สร้างโครงสร้างโค้ดให้รองรับการขยายในอนาคต และทดสอบเพื่อความมั่นคง

---

##  สรุปผลลัพธ์

| ด้าน | รายละเอียด |

|------|------------|

| **Frontend** | Next.js + TypeScript + Responsive Design |

| **UX/UI** | คำนึงถึงผู้ใช้จริง เช่น guest flow |

| **Backend / API** | การจัดการ API, error handling, structured code |

| **Testing** | Unit tests สำหรับ CRUD |

| **Professionalism** | แสดงศักยภาพ Full-stack developer ในบริบทจริงตามโจทย์ |

---